update

Author: j4587698

src/components/BootstrapBlazor.CherryMarkdown/Components/CherryMarkdown/CherryMarkdown.razor.cs

@@ -25,6 +25,12 @@ public partial class CherryMarkdown
     [Parameter]
     public ToolbarSettings? ToolbarSettings { get; set; }
 
+    /// <summary>
+    /// 获得/ 设置 是否使用 Katex 渲染数学公式
+    /// </summary>
+    [Parameter]
+    public bool UseKatex { get; set; }
+
     private string? _lastValue;
     /// <summary>
     /// 获得/设置 组件值
@@ -71,6 +77,7 @@ protected override void OnInitialized()
 
         _lastValue = Value;
         Option.Value = Value;
+        Option.UseKatex = UseKatex;
         Option.Editor = EditorSettings ?? new EditorSettings();
         Option.Toolbars = ToolbarSettings ?? new ToolbarSettings();
         if (IsViewer == true)

src/components/BootstrapBlazor.CherryMarkdown/Components/CherryMarkdown/CherryMarkdown.razor.js

@@ -1,10 +1,18 @@
-import '../../js/cherry-markdown.min.js'
-import { addLink } from '../../../BootstrapBlazor/modules/utility.js'
+import '../../js/cherry-markdown.core.js'
+import { addLink, addScript } from '../../../BootstrapBlazor/modules/utility.js'
 import Data from '../../../BootstrapBlazor/modules/data.js'
 
 export async function init(id, invoker, options, callback) {
     await addLink('./_content/BootstrapBlazor.CherryMarkdown/css/cherry-markdown.min.css')
 
+    if (options.useKatex){
+        await addScript('./_content/BootstrapBlazor.CherryMarkdown/js/katex.min.js')
+        await addLink('./_content/BootstrapBlazor.CherryMarkdown/css/katex.min.css')
+        options.engine = {syntax : { mathBlock: {engine: 'katex', },
+                inlineMath: {engine: 'katex'}}}
+        options.externals = {katex: window.katex}
+    }
+    delete options.useKatexuseKatex
     const el = document.getElementById(id);
     if (el === null) {
         return;
@@ -43,9 +51,7 @@ export async function init(id, invoker, options, callback) {
 
     md._editor = new Cherry({
         el: md._element,
-        value: md._options.value,
-        editor: md._options.editor,
-        toolbars: md._options.toolbars,
+        ... md._options,
         callback: {
             afterChange: (markdown, html) => {
                 md._invoker.invokeMethodAsync('Update', [markdown, html])

src/components/BootstrapBlazor.CherryMarkdown/Components/CherryMarkdown/CherryMarkdownOption.cs

@@ -23,4 +23,9 @@ internal class CherryMarkdownOption
     /// 工具栏选项
     /// </summary>
     public ToolbarSettings? Toolbars { get; set; }
+
+    /// <summary>
+    /// 是否使用 Katex 渲染数学公式
+    /// </summary>
+    public bool UseKatex { get; set; }
 }