#dioxus #render #prism #hook #context #css #prismjs

dioxus-prism

在dioxus中使用prismjs进行渲染!

3个不稳定版本

0.2.0 2022年3月12日
0.1.1 2022年3月8日
0.1.0 2022年3月8日

#8 in #prism

MPL-2.0 许可证

57KB
153

PrismJS for Dioxus

在Dioxus中使用PrismJS进行数学渲染!

如何使用

  • 首先,你需要导入css cdn
<link rel="stylesheet" href="https://raw.githubusercontent.com/oovm/prism-wasm/dev/projects/prism-wasm/src/prism.min.css">

或使用 PRISM_CSS 来内联css而不使用cdn。

  • 调用 use_prism_rust 钩子来准备上下文。
  • 调用 render 来获取代码高亮节点。
use dioxus_prism::use_prism_rust;

let rust = use_prism_rust(&cx);
let code = rust.render(text);

依赖关系

~5.5–8MB
~154K SLoC