@fluid-topics/ft-reader-content

综合读者的主要内容

安装

npm install @fluid-topics/ft-reader-content
yarn add @fluid-topics/ft-reader-content

使用量

见 @fluid-topics/ft-reader-context (英语) 为了更多 关于流体主题集成阅读器的信息.

import { html } from "lit"
import "@fluid-topics/ft-reader-context"
import "@fluid-topics/ft-reader-content"
import "@fluid-topics/ft-reader-topic-context"
import "@fluid-topics/ft-reader-topic-title"
import "@fluid-topics/ft-reader-topic-content"

function render() {
    return html` 
        <ft-reader-context baseUrl="https://my.fluidtopics.com" mapId="<Map ID>">
            <ft-reader-content></ft-reader-content>
        </ft-reader-context>
    `
}

默认 ft-reader-content 专题如下:

<ft-reader-topic-context tocId="<Topic ToC ID>">
    <ft-reader-topic-title></ft-reader-topic-title>
    <ft-reader-topic-content></ft-reader-topic-content>
</ft-reader-topic-context>