• 简体中文
  • 插件矩阵

    组件分化

    组件入口默认能力
    Fluxdown@fluxdown/react-lynx 或 @fluxdown/react-lynx/fullShiki 代码高亮、SVG 公式、CJK 与 Emoji。
    FluxdownLite@fluxdown/react-lynx/lite基础 Markdown、表格、图片与流式效果。
    FluxdownRaw@fluxdown/react-lynx/raw自行传入完整的 plugins。

    Full 的高亮支持 Bash、CSS、HTML、JavaScript、JSON、Python 和 TypeScript;未识别的语言保留纯文本。Lite 的代码块显示源码。

    build.tex 默认为 false。开启后,Full 使用 MathJax SVG 排版,宿主需接入 SVG XElement;Lite 显示公式源码,也可按需添加 TexMathJaxPlugin。

    代码高亮

    Full 使用 Shiki 高亮,初始化完成前或失败时显示源码。Android 需要 Lynx 3.8 或更新版本的后台线程 WebAssembly 支持。也可通过 CodePrismPlugin 使用不依赖 WebAssembly 的高亮。

    全部插件

    「组成」包含继承的插件类型;勾选表示预设直接包含。Full 的 CodeShikiPlugin 继承 CodePlugin 的基础能力。

    插件组成所在包LiteFull
    BlockquotePluginRender Slotreact-lynx-plugins
    BreakLinePluginRender Slotreact-lynx-plugins
    CjkPluginRemarkreact-lynx-plugins
    CodePluginRender Slotreact-lynx-plugins
    CodePrismPluginRender Slotreact-lynx-plugins
    CodeShikiPluginRender Slotreact-lynx-plugins
    EffectChunkPluginRender Slotreact-lynx-plugins
    EffectScalePluginRender Slotreact-lynx-plugins
    EffectShadPluginRender Slotreact-lynx-plugins
    EffectSuffixPluginRender Slotreact-lynx-plugins
    EmojiPluginRemarkreact-lynx-plugins
    EmphasisPluginRender Slotreact-lynx-plugins
    FallbackPluginRender Slotreact-lynx-plugins
    HeadingPluginRender Slotreact-lynx-plugins
    ImagePluginRender Slotreact-lynx-plugins
    LinkPluginRender Slotreact-lynx-plugins
    ListPluginRender Slotreact-lynx-plugins
    ParagraphPluginRender Slotreact-lynx-plugins
    PatchPluginRenderreact-lynx-plugins
    StrongPluginRender Slotreact-lynx-plugins
    TablePluginRender Slotreact-lynx-plugins
    TexPluginRender Slotreact-lynx-plugins
    TexMathJaxPluginRender Slotreact-lynx-plugins

    所在包与导入

    react-lynx-plugins 对应 @fluxdown/react-lynx-plugins,包含 React Lynx 的综合插件、render 和 slot。

    使用 @fluxdown/react-lynx-plugins/plugins/<插件目录> 导入。目录名取导出名称,去掉 Plugin 后转成小写中划线形式,例如 CodeShikiPlugin 对应 code-shiki。

    import { CodeShikiPlugin } from '@fluxdown/react-lynx-plugins/plugins/code-shiki';
    import { HeadingPlugin } from '@fluxdown/react-lynx-plugins/plugins/heading';

    预置列表 PRESET_FULL_PLUGINS、PRESET_LITE_PLUGINS 分别从 @fluxdown/react-lynx-plugins/full、@fluxdown/react-lynx-plugins/lite 导入,可直接传给 FluxdownRaw。

    组件的 plugins 参数可以继续扩展任意预设。配置与组合方式见综合插件。