30 lines
866 B
Rust
30 lines
866 B
Rust
//! 文章内容组件
|
||
//!
|
||
//! 渲染由服务端生成的文章 HTML 内容，并在 WASM 前端初始化交互脚本。
|
||
|
||
use dioxus::prelude::*;
|
||
|
||
/// 文章内容组件。
|
||
///
|
||
/// Props：
|
||
/// - `content_html`：服务端渲染的文章 HTML 字符串
|
||
///
|
||
/// 关键行为：
|
||
/// - 在 `target_arch = "wasm32"` 环境下执行 `post-content.js` 并调用初始化函数，
|
||
/// 用于处理代码块、图片点击等前端交互
|
||
#[component]
|
||
pub fn PostContent(content_html: String) -> Element {
|
||
#[cfg(target_arch = "wasm32")]
|
||
use_effect(move || {
|
||
let _ = js_sys::eval(include_str!("../../../public/js/post-content.js"));
|
||
let _ = js_sys::eval("window.__initPostContent('.post-content')");
|
||
});
|
||
|
||
rsx! {
|
||
div {
|
||
class: "post-content md-content",
|
||
dangerous_inner_html: "{content_html}"
|
||
}
|
||
}
|
||
}
|