From f56190077a98154c8a2a10fac5d350a372ca2ddf Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Tue, 17 Feb 2026 15:42:43 +0800
Subject: [PATCH 1/7] =?UTF-8?q?doc:=20=E6=9B=B4=E6=96=B0=E6=B3=A8=E9=87=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BootstrapBlazor.Vditor/Vditor.razor.cs    | 197 ++++++------------
 .../BootstrapBlazor.Vditor/Vditor.razor.js    |  31 ++-
 .../BootstrapBlazor.Vditor/VditorIconStyle.cs |  11 +-
 .../BootstrapBlazor.Vditor/VditorMode.cs      |  14 +-
 .../BootstrapBlazor.Vditor/VditorOptions.cs   |  44 ++--
 5 files changed, 140 insertions(+), 157 deletions(-)

diff --git a/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs b/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
index 3af80615..02c3c37a 100644
--- a/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
+++ b/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
@@ -7,54 +7,63 @@
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// Vditor markdown component
+/// <para lang="zh">Vditor Markdown 组件</para>
+/// <para lang="en">Vditor markdown component</para>
 /// </summary>
 public partial class Vditor
 {
     /// <summary>
-    /// 获得/设置 组件 <see cref="VditorOptions"/> 实例 默认 null
+    /// <para lang="zh">获得/设置 组件 <see cref="VditorOptions"/> 实例 默认 null</para>
+    /// <para lang="en">Gets or sets the <see cref="VditorOptions"/> instance. Default is null.</para>
     /// </summary>
     [Parameter]
     public VditorOptions? Options { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件渲染完毕回调方法 默认 null
+    /// <para lang="zh">获得/设置 组件渲染完毕回调方法 默认 null</para>
+    /// <para lang="en">Gets or sets the callback method when component rendering is complete. Default is null.</para>
     /// </summary>
     [Parameter]
     public Func<Task>? OnRenderedAsync { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件输入时回调方法 高频触发 默认 null
+    /// <para lang="zh">获得/设置 组件输入时回调方法 高频触发 默认 null</para>
+    /// <para lang="en">Gets or sets the callback method on input. High frequency trigger. Default is null.</para>
     /// </summary>
     [Parameter]
     public Func<string, Task>? OnInputAsync { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件获得焦点时回调方法 默认 null
+    /// <para lang="zh">获得/设置 组件获得焦点时回调方法 默认 null</para>
+    /// <para lang="en">Gets or sets the callback method when the component gains focus. Default is null.</para>
     /// </summary>
     [Parameter]
     public Func<string, Task>? OnFocusAsync { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件失去焦点时回调方法 默认 null
+    /// <para lang="zh">获得/设置 组件失去焦点时回调方法 默认 null</para>
+    /// <para lang="en">Gets or sets the callback method when the component loses focus. Default is null.</para>
     /// </summary>
     [Parameter]
     public Func<string, Task>? OnBlurAsync { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件选择内容时回调方法 默认 null
+    /// <para lang="zh">获得/设置 组件选择内容时回调方法 默认 null</para>
+    /// <para lang="en">Gets or sets the callback method when content is selected. Default is null.</para>
     /// </summary>
     [Parameter]
     public Func<string, Task>? OnSelectAsync { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件按 ESC 案件时回调方法 默认 null
+    /// <para lang="zh">获得/设置 组件按 ESC 按键时回调方法 默认 null</para>
+    /// <para lang="en">Gets or sets the callback method when ESC key is pressed. Default is null.</para>
     /// </summary>
     [Parameter]
     public Func<string, Task>? OnEscapeAsync { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件按 Ctrl + Enter 组合案件时回调方法 默认 null
+    /// <para lang="zh">获得/设置 组件按 Ctrl + Enter 组合按键时回调方法 默认 null</para>
+    /// <para lang="en">Gets or sets the callback method when Ctrl + Enter is pressed. Default is null.</para>
     /// </summary>
     [Parameter]
     public Func<string, Task>? OnCtrlEnterAsync { get; set; }
@@ -66,13 +75,11 @@ public partial class Vditor
         .Build();
 
     private string? _lastValue;
-    private IJSObjectReference? _vditor;
 
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
     /// <param name="firstRender"></param>
-    /// <returns></returns>
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         await base.OnAfterRenderAsync(firstRender);
@@ -85,141 +92,88 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
         if (_lastValue != Value)
         {
             _lastValue = Value;
-            if (_vditor != null)
-            {
-                await _vditor.InvokeVoidAsync("setValue", Value, true);
-            }
+            await InvokeVoidAsync(Id, "setValue", Value);
         }
     }
 
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
-    /// <returns></returns>
-    protected override async Task InvokeInitAsync()
+    protected override Task InvokeInitAsync() => InvokeAsync<IJSObjectReference>("init", Id, Interop, new
     {
-        _vditor = await InvokeAsync<IJSObjectReference>("init", Id, Interop, new
-        {
-            Options,
-            Value
-        });
-    }
+        Options,
+        Value
+    });
 
     /// <summary>
-    /// 重新设置编辑器方法
+    /// <para lang="zh">重新设置编辑器方法</para>
+    /// <para lang="en">Resets the editor.</para>
     /// </summary>
     /// <param name="value"></param>
     /// <param name="options"></param>
-    /// <returns></returns>
     public async Task Reset(string value, VditorOptions options)
     {
         if (!string.IsNullOrEmpty(value))
         {
             Value = value;
         }
-        _vditor = await InvokeAsync<IJSObjectReference>("reset", Id, Value, Options);
+        await InvokeVoidAsync("reset", Id, Value, Options);
     }
 
     /// <summary>
-    /// 在焦点处插入内容，并默认进行 Markdown 渲染
+    /// <para lang="zh">在焦点处插入内容 并默认进行 Markdown 渲染</para>
+    /// <para lang="en">Inserts content at the cursor position and renders Markdown by default.</para>
     /// </summary>
-    /// <param name="value">要插入的 markdown 值</param>
-    /// <param name="render">是否渲染</param>
-    public async ValueTask InsertValueAsync(string? value, bool render = true)
-    {
-        if (_vditor != null)
-        {
-            await _vditor.InvokeVoidAsync("insertValue", value, render);
-        }
-    }
+    /// <param name="value"></param>
+    /// <param name="render"></param>
+    public Task InsertValueAsync(string? value, bool render = true) => InvokeVoidAsync("insertValue", Id, value, render);
 
     /// <summary>
-    /// 获取编辑器的 markdown 内容
+    /// <para lang="zh">获取编辑器的 Markdown 内容</para>
+    /// <para lang="en">Gets the markdown content of the editor.</para>
     /// </summary>
-    public async ValueTask<string?> GetValueAsync()
-    {
-        string? ret = null;
-        if (_vditor != null)
-        {
-            ret = await _vditor.InvokeAsync<string?>("getValue");
-        }
-        return ret;
-    }
+    public Task<string?> GetValueAsync() => InvokeAsync<string?>("execute", "getValue");
 
     /// <summary>
-    /// 获取 markdown 渲染后的 HTML
+    /// <para lang="zh">获取 Markdown 渲染后的 HTML</para>
+    /// <para lang="en">Gets the HTML rendered from markdown.</para>
     /// </summary>
-    public async ValueTask<string?> GetHtmlAsync()
-    {
-        string? ret = null;
-        if (_vditor != null)
-        {
-            ret = await _vditor.InvokeAsync<string?>("getHTML");
-        }
-        return ret;
-    }
+    public Task<string?> GetHtmlAsync() => InvokeAsync<string?>("execute", "getHTML");
 
     /// <summary>
-    /// 返回选中的字符串
+    /// <para lang="zh">返回选中的字符串</para>
+    /// <para lang="en">Returns the selected string.</para>
     /// </summary>
-    public async ValueTask<string?> GetSelectionAsync()
-    {
-        string? ret = null;
-        if (_vditor != null)
-        {
-            ret = await _vditor.InvokeAsync<string?>("getSelection");
-        }
-        return ret;
-    }
+    public Task<string?> GetSelectionAsync() => InvokeAsync<string?>("execute", "getSelection");
 
     /// <summary>
-    /// 解除编辑器禁用
+    /// <para lang="zh">解除编辑器禁用</para>
+    /// <para lang="en">Enables the editor.</para>
     /// </summary>
-    public async ValueTask EnableAsync()
-    {
-        if (_vditor != null)
-        {
-            await _vditor.InvokeVoidAsync("enable");
-        }
-    }
+    public Task EnableAsync() => InvokeVoidAsync("execute", "enable");
 
     /// <summary>
-    /// 禁用编辑器
+    /// <para lang="zh">禁用编辑器</para>
+    /// <para lang="en">Disables the editor.</para>
     /// </summary>
-    public async ValueTask DisableAsync()
-    {
-        if (_vditor != null)
-        {
-            await _vditor.InvokeVoidAsync("disabled");
-        }
-    }
+    public Task DisableAsync() => InvokeVoidAsync("execute", "disabled");
 
     /// <summary>
-    /// 聚焦编辑器
+    /// <para lang="zh">聚焦编辑器</para>
+    /// <para lang="en">Focuses the editor.</para>
     /// </summary>
-    public async ValueTask FocusAsync()
-    {
-        if (_vditor != null)
-        {
-            await _vditor.InvokeVoidAsync("focus");
-        }
-    }
+    public Task FocusAsync() => InvokeVoidAsync("execute", "focus");
 
     /// <summary>
-    /// 让编辑器失去焦点
+    /// <para lang="zh">让编辑器失去焦点</para>
+    /// <para lang="en">Blurs the editor.</para>
     /// </summary>
-    public async ValueTask BlurAsync()
-    {
-        if (_vditor != null)
-        {
-            await _vditor.InvokeAsync<string?>("blur");
-        }
-    }
+    public Task BlurAsync() => InvokeVoidAsync("execute", "blur");
 
     /// <summary>
-    /// 客户端渲染完毕回调方法由 JavaScript 调用
+    /// <para lang="zh">客户端渲染完毕回调方法 由 JavaScript 调用</para>
+    /// <para lang="en">Callback when client rendering is complete. Called by JavaScript.</para>
     /// </summary>
-    /// <returns></returns>
     [JSInvokable]
     public async Task TriggerRenderedAsync()
     {
@@ -230,10 +184,10 @@ public async Task TriggerRenderedAsync()
     }
 
     /// <summary>
-    /// 组件录入时回调方法由 JavaScript 调用
+    /// <para lang="zh">组件录入时回调方法 由 JavaScript 调用</para>
+    /// <para lang="en">Callback when input occurs. Called by JavaScript.</para>
     /// </summary>
     /// <param name="value"></param>
-    /// <returns></returns>
     [JSInvokable]
     public async Task TriggerInputAsync(string value)
     {
@@ -247,10 +201,10 @@ public async Task TriggerInputAsync(string value)
     }
 
     /// <summary>
-    /// 触发 Value 值改变回调方法由 JavaScript 调用
+    /// <para lang="zh">触发焦点回调方法 由 JavaScript 调用</para>
+    /// <para lang="en">Callback when focus is triggered. Called by JavaScript.</para>
     /// </summary>
     /// <param name="value"></param>
-    /// <returns></returns>
     [JSInvokable]
     public async Task TriggerFocusAsync(string value)
     {
@@ -261,10 +215,10 @@ public async Task TriggerFocusAsync(string value)
     }
 
     /// <summary>
-    /// 触发 Value 值改变回调方法由 JavaScript 调用
+    /// <para lang="zh">触发失焦回调方法 由 JavaScript 调用</para>
+    /// <para lang="en">Callback when blur is triggered. Called by JavaScript.</para>
     /// </summary>
     /// <param name="value"></param>
-    /// <returns></returns>
     [JSInvokable]
     public async Task TriggerBlurAsync(string value)
     {
@@ -277,10 +231,10 @@ public async Task TriggerBlurAsync(string value)
     }
 
     /// <summary>
-    /// 触发 Value 值改变回调方法由 JavaScript 调用
+    /// <para lang="zh">触发选择回调方法 由 JavaScript 调用</para>
+    /// <para lang="en">Callback when selection is triggered. Called by JavaScript.</para>
     /// </summary>
     /// <param name="value"></param>
-    /// <returns></returns>
     [JSInvokable]
     public async Task TriggerSelectAsync(string value)
     {
@@ -291,10 +245,10 @@ public async Task TriggerSelectAsync(string value)
     }
 
     /// <summary>
-    /// 触发 Value 值改变回调方法由 JavaScript 调用
+    /// <para lang="zh">触发 ESC 按键回调方法 由 JavaScript 调用</para>
+    /// <para lang="en">Callback when ESC key is pressed. Called by JavaScript.</para>
     /// </summary>
     /// <param name="value"></param>
-    /// <returns></returns>
     [JSInvokable]
     public async Task TriggerEscapeAsync(string value)
     {
@@ -307,10 +261,10 @@ public async Task TriggerEscapeAsync(string value)
     }
 
     /// <summary>
-    /// 触发 Value 值改变回调方法由 JavaScript 调用
+    /// <para lang="zh">触发 Ctrl+Enter 组合按键回调方法 由 JavaScript 调用</para>
+    /// <para lang="en">Callback when Ctrl+Enter is pressed. Called by JavaScript.</para>
     /// </summary>
     /// <param name="value"></param>
-    /// <returns></returns>
     [JSInvokable]
     public async Task TriggerCtrlEnterAsync(string value)
     {
@@ -321,23 +275,4 @@ public async Task TriggerCtrlEnterAsync(string value)
             await OnCtrlEnterAsync(value);
         }
     }
-
-    /// <summary>
-    /// <inheritdoc/>
-    /// </summary>
-    /// <param name="disposing"></param>
-    /// <returns></returns>
-    protected override async ValueTask DisposeAsync(bool disposing)
-    {
-        if (disposing)
-        {
-            if (_vditor != null)
-            {
-                await _vditor.DisposeAsync();
-                _vditor = null;
-            }
-
-            await base.DisposeAsync(disposing);
-        }
-    }
 }
diff --git a/src/components/BootstrapBlazor.Vditor/Vditor.razor.js b/src/components/BootstrapBlazor.Vditor/Vditor.razor.js
index c9563b09..df1645b2 100644
--- a/src/components/BootstrapBlazor.Vditor/Vditor.razor.js
+++ b/src/components/BootstrapBlazor.Vditor/Vditor.razor.js
@@ -15,7 +15,6 @@ export async function init(id, invoke, options) {
     const vditor = new Vditor(root, getOptions(invoke, { ...op, value }));
 
     Data.set(id, { el, invoke, vditor });
-    return vditor;
 }
 
 const getOptions = (invoke, options) => {
@@ -43,7 +42,35 @@ export async function reset(id, value, options) {
         const root = el.querySelector('.bb-vditor-container');
         md.vditor = new Vditor(root, getOptions(invoke, { ...options, value }));
     }
-    return md.vditor;
+}
+
+export function setValue(id, value) {
+    const md = Data.get(id);
+    const { vditor } = md;
+    if (vditor) {
+        vditor.setValue(value, true);
+    }
+}
+
+export function insertValue(id, value, render) {
+    const md = Data.get(id);
+    const { vditor } = md;
+    if (vditor) {
+        vditor.insertValue(value, render);
+    }
+}
+
+export function execute(id, method) {
+    const md = Data.get(id);
+    const { vditor } = md;
+    let ret = '';
+    if (vditor) {
+        var cb = vditor[method];
+        if (cb) {
+            ret = cb();
+        }
+    }
+    return ret;
 }
 
 export function dispose(id) {
diff --git a/src/components/BootstrapBlazor.Vditor/VditorIconStyle.cs b/src/components/BootstrapBlazor.Vditor/VditorIconStyle.cs
index bcdc0389..6983c4dd 100644
--- a/src/components/BootstrapBlazor.Vditor/VditorIconStyle.cs
+++ b/src/components/BootstrapBlazor.Vditor/VditorIconStyle.cs
@@ -1,21 +1,24 @@
-// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
 // Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
 // Website: https://www.blazor.zone or https://argozhang.github.io/
 
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// 图标风格
+/// <para lang="zh">图标风格</para>
+/// <para lang="en">Icon style</para>
 /// </summary>
 public enum VditorIconStyle
 {
     /// <summary>
-    /// ant
+    /// <para lang="zh">Ant 风格</para>
+    /// <para lang="en">Ant style</para>
     /// </summary>
     Ant,
 
     /// <summary>
-    /// material
+    /// <para lang="zh">Material 风格</para>
+    /// <para lang="en">Material style</para>
     /// </summary>
     Material
 }
diff --git a/src/components/BootstrapBlazor.Vditor/VditorMode.cs b/src/components/BootstrapBlazor.Vditor/VditorMode.cs
index 3b0debee..efb3fdac 100644
--- a/src/components/BootstrapBlazor.Vditor/VditorMode.cs
+++ b/src/components/BootstrapBlazor.Vditor/VditorMode.cs
@@ -1,26 +1,30 @@
-// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
 // Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
 // Website: https://www.blazor.zone or https://argozhang.github.io/
 
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// 编辑器渲染模式
+/// <para lang="zh">编辑器渲染模式</para>
+/// <para lang="en">Editor rendering mode</para>
 /// </summary>
 public enum VditorMode
 {
     /// <summary>
-    /// 所见即所得
+    /// <para lang="zh">所见即所得</para>
+    /// <para lang="en">What You See Is What You Get</para>
     /// </summary>
     WYSIWYG,
 
     /// <summary>
-    /// 即使渲染
+    /// <para lang="zh">即时渲染</para>
+    /// <para lang="en">Instant Rendering</para>
     /// </summary>
     IR,
 
     /// <summary>
-    /// 左右分屏
+    /// <para lang="zh">左右分屏</para>
+    /// <para lang="en">Split View</para>
     /// </summary>
     SV
 }
diff --git a/src/components/BootstrapBlazor.Vditor/VditorOptions.cs b/src/components/BootstrapBlazor.Vditor/VditorOptions.cs
index 1f9e8780..b9ba4f2c 100644
--- a/src/components/BootstrapBlazor.Vditor/VditorOptions.cs
+++ b/src/components/BootstrapBlazor.Vditor/VditorOptions.cs
@@ -1,87 +1,101 @@
-using System.Text.Json.Serialization;
+using System.Text.Json.Serialization;
 
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// Vditor 配置类
+/// <para lang="zh">Vditor 配置类</para>
+/// <para lang="en">Vditor configuration class</para>
 /// </summary>
 public struct VditorOptions
 {
     /// <summary>
-    /// 构造函数
+    /// <para lang="zh">构造函数</para>
+    /// <para lang="en">Constructor</para>
     /// </summary>
     public VditorOptions() { }
 
     /// <summary>
-    /// 获得/设置 编辑器模式。默认 <see cref="VditorMode.IR"/>
+    /// <para lang="zh">获得/设置 编辑器模式 默认 <see cref="VditorMode.IR"/></para>
+    /// <para lang="en">Gets or sets the editor mode. Default is <see cref="VditorMode.IR"/>.</para>
     /// </summary>
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingDefault)]
     [JsonEnumConverter(camelCase: true)]
     public VditorMode Mode { get; set; } = VditorMode.IR;
 
     /// <summary>
-    /// 获得/设置 显示的语言。默认取当前 UI 文化信息
+    /// <para lang="zh">获得/设置 显示的语言 默认取当前 UI 文化信息</para>
+    /// <para lang="en">Gets or sets the display language. Default is current UI culture.</para>
     /// </summary>
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
     public string? Language { get; set; }
 
     /// <summary>
-    /// 获得/设置 图标风格
+    /// <para lang="zh">获得/设置 图标风格</para>
+    /// <para lang="en">Gets or sets the icon style.</para>
     /// </summary>
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingDefault)]
     [JsonEnumConverter(camelCase: true)]
     public VditorIconStyle IconStyle { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否输出日志。
+    /// <para lang="zh">获得/设置 是否输出日志</para>
+    /// <para lang="en">Gets or sets whether to output logs.</para>
     /// </summary>
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingDefault)]
     public bool Debug { get; set; }
 
     /// <summary>
-    /// 获得/设置 输入区域为空时的提示。
+    /// <para lang="zh">获得/设置 输入区域为空时的提示</para>
+    /// <para lang="en">Gets or sets the placeholder when the input area is empty.</para>
     /// </summary>
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
     public string? Placeholder { get; set; }
 
     /// <summary>
-    /// 获得/设置 编辑器总宽度。
+    /// <para lang="zh">获得/设置 编辑器总宽度</para>
+    /// <para lang="en">Gets or sets the total width of the editor.</para>
     /// </summary>
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
     public string? Width { get; set; }
 
     /// <summary>
-    /// 获得/设置 编辑器总高度。
+    /// <para lang="zh">获得/设置 编辑器总高度</para>
+    /// <para lang="en">Gets or sets the total height of the editor.</para>
     /// </summary>
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
     public string? Height { get; set; }
 
     /// <summary>
-    /// 获得/设置 编辑区域最小高度。
+    /// <para lang="zh">获得/设置 编辑区域最小高度</para>
+    /// <para lang="en">Gets or sets the minimum height of the editing area.</para>
     /// </summary>
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
     public string? MinHeight { get; set; }
 
     /// <summary>
-    /// 获得/设置 配置自建 CDN 地址。
+    /// <para lang="zh">获得/设置 自建 CDN 地址</para>
+    /// <para lang="en">Gets or sets the custom CDN address.</para>
     /// </summary>
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
     public string? CDN { get; set; }
 
     /// <summary>
-    /// 获得/设置 按下 <c>tab</c> 键操作的字符串。
+    /// <para lang="zh">获得/设置 按下 tab 键操作的字符串</para>
+    /// <para lang="en">Gets or sets the string for the tab key operation.</para>
     /// </summary>
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
     public string? Tab { get; set; }
 
     /// <summary>
-    /// 获得/设置 回撤的延迟时间。
+    /// <para lang="zh">获得/设置 回撤的延迟时间</para>
+    /// <para lang="en">Gets or sets the undo delay time.</para>
     /// </summary>
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingDefault)]
     public int UndoDelay { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否启用打字机模式。
+    /// <para lang="zh">获得/设置 是否启用打字机模式</para>
+    /// <para lang="en">Gets or sets whether to enable typewriter mode.</para>
     /// </summary>
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingDefault)]
     public bool TypeWriterMode { get; set; }

From 74e942325606b5d244c90f81f9cd69f5cd255c38 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Tue, 17 Feb 2026 15:42:55 +0800
Subject: [PATCH 2/7] chore: bump version 10.0.3

---
 .../BootstrapBlazor.Vditor/BootstrapBlazor.Vditor.csproj        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/BootstrapBlazor.Vditor/BootstrapBlazor.Vditor.csproj b/src/components/BootstrapBlazor.Vditor/BootstrapBlazor.Vditor.csproj
index 6735bf75..99cef9ec 100644
--- a/src/components/BootstrapBlazor.Vditor/BootstrapBlazor.Vditor.csproj
+++ b/src/components/BootstrapBlazor.Vditor/BootstrapBlazor.Vditor.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.0.2</Version>
+    <Version>10.0.3</Version>
   </PropertyGroup>
   
   <PropertyGroup>

From 57e1dcae2cc85a50178af5b8630ab10c4c640107 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Wed, 18 Feb 2026 09:28:19 +0800
Subject: [PATCH 3/7] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=20Id=20?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BootstrapBlazor.Vditor/Vditor.razor.cs         | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs b/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
index 02c3c37a..a3907a27 100644
--- a/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
+++ b/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
@@ -132,43 +132,43 @@ public async Task Reset(string value, VditorOptions options)
     /// <para lang="zh">获取编辑器的 Markdown 内容</para>
     /// <para lang="en">Gets the markdown content of the editor.</para>
     /// </summary>
-    public Task<string?> GetValueAsync() => InvokeAsync<string?>("execute", "getValue");
+    public Task<string?> GetValueAsync() => InvokeAsync<string?>("execute", Id, "getValue");
 
     /// <summary>
     /// <para lang="zh">获取 Markdown 渲染后的 HTML</para>
     /// <para lang="en">Gets the HTML rendered from markdown.</para>
     /// </summary>
-    public Task<string?> GetHtmlAsync() => InvokeAsync<string?>("execute", "getHTML");
+    public Task<string?> GetHtmlAsync() => InvokeAsync<string?>("execute", Id, "getHTML");
 
     /// <summary>
     /// <para lang="zh">返回选中的字符串</para>
     /// <para lang="en">Returns the selected string.</para>
     /// </summary>
-    public Task<string?> GetSelectionAsync() => InvokeAsync<string?>("execute", "getSelection");
+    public Task<string?> GetSelectionAsync() => InvokeAsync<string?>("execute", Id, "getSelection");
 
     /// <summary>
     /// <para lang="zh">解除编辑器禁用</para>
     /// <para lang="en">Enables the editor.</para>
     /// </summary>
-    public Task EnableAsync() => InvokeVoidAsync("execute", "enable");
+    public Task EnableAsync() => InvokeVoidAsync("execute", Id, "enable");
 
     /// <summary>
     /// <para lang="zh">禁用编辑器</para>
     /// <para lang="en">Disables the editor.</para>
     /// </summary>
-    public Task DisableAsync() => InvokeVoidAsync("execute", "disabled");
+    public Task DisableAsync() => InvokeVoidAsync("execute", Id, "disabled");
 
     /// <summary>
     /// <para lang="zh">聚焦编辑器</para>
     /// <para lang="en">Focuses the editor.</para>
     /// </summary>
-    public Task FocusAsync() => InvokeVoidAsync("execute", "focus");
+    public Task FocusAsync() => InvokeVoidAsync("execute", Id, "focus");
 
     /// <summary>
     /// <para lang="zh">让编辑器失去焦点</para>
     /// <para lang="en">Blurs the editor.</para>
     /// </summary>
-    public Task BlurAsync() => InvokeVoidAsync("execute", "blur");
+    public Task BlurAsync() => InvokeVoidAsync("execute", Id, "blur");
 
     /// <summary>
     /// <para lang="zh">客户端渲染完毕回调方法 由 JavaScript 调用</para>

From ec0df3b95e855cf38d08f629d4a51f42e974205e Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Wed, 18 Feb 2026 10:19:29 +0800
Subject: [PATCH 4/7] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=AD=A3=20Invoke=20?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=E9=A1=BA=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BootstrapBlazor.Vditor/Vditor.razor.cs | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs b/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
index a3907a27..e40152a8 100644
--- a/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
+++ b/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
@@ -92,7 +92,7 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
         if (_lastValue != Value)
         {
             _lastValue = Value;
-            await InvokeVoidAsync(Id, "setValue", Value);
+            await InvokeVoidAsync("setValue", Id, Value);
         }
     }
 
@@ -132,19 +132,19 @@ public async Task Reset(string value, VditorOptions options)
     /// <para lang="zh">获取编辑器的 Markdown 内容</para>
     /// <para lang="en">Gets the markdown content of the editor.</para>
     /// </summary>
-    public Task<string?> GetValueAsync() => InvokeAsync<string?>("execute", Id, "getValue");
+    public Task<string?> GetValueAsync() => InvokeAsync<string?>("getResult", Id, "getValue");
 
     /// <summary>
     /// <para lang="zh">获取 Markdown 渲染后的 HTML</para>
     /// <para lang="en">Gets the HTML rendered from markdown.</para>
     /// </summary>
-    public Task<string?> GetHtmlAsync() => InvokeAsync<string?>("execute", Id, "getHTML");
+    public Task<string?> GetHtmlAsync() => InvokeAsync<string?>("getResult", Id, "getHTML");
 
     /// <summary>
-    /// <para lang="zh">返回选中的字符串</para>
+    /// <para lang="zh">获取 返回选中的字符串</para>
     /// <para lang="en">Returns the selected string.</para>
     /// </summary>
-    public Task<string?> GetSelectionAsync() => InvokeAsync<string?>("execute", Id, "getSelection");
+    public Task<string?> GetSelectionAsync() => InvokeAsync<string?>("getResult", Id, "getSelection");
 
     /// <summary>
     /// <para lang="zh">解除编辑器禁用</para>

From 9872bbbaab9faf659d710c3551e4e0adaf663c9c Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Wed, 18 Feb 2026 10:19:43 +0800
Subject: [PATCH 5/7] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=20getResult=20?=
 =?UTF-8?q?=E6=96=B9=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BootstrapBlazor.Vditor/Vditor.razor.js        | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/BootstrapBlazor.Vditor/Vditor.razor.js b/src/components/BootstrapBlazor.Vditor/Vditor.razor.js
index df1645b2..36e65406 100644
--- a/src/components/BootstrapBlazor.Vditor/Vditor.razor.js
+++ b/src/components/BootstrapBlazor.Vditor/Vditor.razor.js
@@ -60,19 +60,30 @@ export function insertValue(id, value, render) {
     }
 }
 
-export function execute(id, method) {
+export function getResult(id, method) {
     const md = Data.get(id);
     const { vditor } = md;
     let ret = '';
     if (vditor) {
         var cb = vditor[method];
         if (cb) {
-            ret = cb();
+            ret = cb.call(vditor);
         }
     }
     return ret;
 }
 
+export function execute(id, method) {
+    const md = Data.get(id);
+    const { vditor } = md;
+    if (vditor) {
+        var cb = vditor[method];
+        if (cb) {
+            cb.call(vditor);
+        }
+    }
+}
+
 export function dispose(id) {
     const md = Data.get(id);
     const { vditor } = md;

From b485b5e84f6c62d2a1b955aeda74591cc6e17b08 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Wed, 18 Feb 2026 10:23:57 +0800
Subject: [PATCH 6/7] =?UTF-8?q?refactor:=20=E7=B2=BE=E7=AE=80=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BootstrapBlazor.Vditor/Vditor.razor.cs          |  6 +++---
 .../BootstrapBlazor.Vditor/Vditor.razor.js          | 13 +------------
 2 files changed, 4 insertions(+), 15 deletions(-)

diff --git a/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs b/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
index e40152a8..6446e30e 100644
--- a/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
+++ b/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
@@ -132,19 +132,19 @@ public async Task Reset(string value, VditorOptions options)
     /// <para lang="zh">获取编辑器的 Markdown 内容</para>
     /// <para lang="en">Gets the markdown content of the editor.</para>
     /// </summary>
-    public Task<string?> GetValueAsync() => InvokeAsync<string?>("getResult", Id, "getValue");
+    public Task<string?> GetValueAsync() => InvokeAsync<string?>("execute", Id, "getValue");
 
     /// <summary>
     /// <para lang="zh">获取 Markdown 渲染后的 HTML</para>
     /// <para lang="en">Gets the HTML rendered from markdown.</para>
     /// </summary>
-    public Task<string?> GetHtmlAsync() => InvokeAsync<string?>("getResult", Id, "getHTML");
+    public Task<string?> GetHtmlAsync() => InvokeAsync<string?>("execute", Id, "getHTML");
 
     /// <summary>
     /// <para lang="zh">获取 返回选中的字符串</para>
     /// <para lang="en">Returns the selected string.</para>
     /// </summary>
-    public Task<string?> GetSelectionAsync() => InvokeAsync<string?>("getResult", Id, "getSelection");
+    public Task<string?> GetSelectionAsync() => InvokeAsync<string?>("execute", Id, "getSelection");
 
     /// <summary>
     /// <para lang="zh">解除编辑器禁用</para>
diff --git a/src/components/BootstrapBlazor.Vditor/Vditor.razor.js b/src/components/BootstrapBlazor.Vditor/Vditor.razor.js
index 36e65406..0f737857 100644
--- a/src/components/BootstrapBlazor.Vditor/Vditor.razor.js
+++ b/src/components/BootstrapBlazor.Vditor/Vditor.razor.js
@@ -60,7 +60,7 @@ export function insertValue(id, value, render) {
     }
 }
 
-export function getResult(id, method) {
+export function execute(id, method) {
     const md = Data.get(id);
     const { vditor } = md;
     let ret = '';
@@ -73,17 +73,6 @@ export function getResult(id, method) {
     return ret;
 }
 
-export function execute(id, method) {
-    const md = Data.get(id);
-    const { vditor } = md;
-    if (vditor) {
-        var cb = vditor[method];
-        if (cb) {
-            cb.call(vditor);
-        }
-    }
-}
-
 export function dispose(id) {
     const md = Data.get(id);
     const { vditor } = md;

From 524678e29fc533462385d3e92dc79049e6ab07cc Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Wed, 18 Feb 2026 10:34:00 +0800
Subject: [PATCH 7/7] =?UTF-8?q?refactor:=20=E7=B2=BE=E7=AE=80=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BootstrapBlazor.Vditor/Vditor.razor.cs    |  4 ++--
 .../BootstrapBlazor.Vditor/Vditor.razor.js    | 21 +++----------------
 2 files changed, 5 insertions(+), 20 deletions(-)

diff --git a/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs b/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
index 6446e30e..fed553f8 100644
--- a/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
+++ b/src/components/BootstrapBlazor.Vditor/Vditor.razor.cs
@@ -92,7 +92,7 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
         if (_lastValue != Value)
         {
             _lastValue = Value;
-            await InvokeVoidAsync("setValue", Id, Value);
+            await InvokeVoidAsync("execute", Id, "setValue", new object?[] { Value, true });
         }
     }
 
@@ -126,7 +126,7 @@ public async Task Reset(string value, VditorOptions options)
     /// </summary>
     /// <param name="value"></param>
     /// <param name="render"></param>
-    public Task InsertValueAsync(string? value, bool render = true) => InvokeVoidAsync("insertValue", Id, value, render);
+    public Task InsertValueAsync(string? value, bool render = true) => InvokeVoidAsync("execute", Id, "insertValue", new object?[] { value, render });
 
     /// <summary>
     /// <para lang="zh">获取编辑器的 Markdown 内容</para>
diff --git a/src/components/BootstrapBlazor.Vditor/Vditor.razor.js b/src/components/BootstrapBlazor.Vditor/Vditor.razor.js
index 0f737857..33b1a068 100644
--- a/src/components/BootstrapBlazor.Vditor/Vditor.razor.js
+++ b/src/components/BootstrapBlazor.Vditor/Vditor.razor.js
@@ -44,30 +44,15 @@ export async function reset(id, value, options) {
     }
 }
 
-export function setValue(id, value) {
-    const md = Data.get(id);
-    const { vditor } = md;
-    if (vditor) {
-        vditor.setValue(value, true);
-    }
-}
-
-export function insertValue(id, value, render) {
-    const md = Data.get(id);
-    const { vditor } = md;
-    if (vditor) {
-        vditor.insertValue(value, render);
-    }
-}
-
-export function execute(id, method) {
+export function execute(id, method, args) {
+    console.log(method, args);
     const md = Data.get(id);
     const { vditor } = md;
     let ret = '';
     if (vditor) {
         var cb = vditor[method];
         if (cb) {
-            ret = cb.call(vditor);
+            ret = cb.call(vditor, ...(args || []));
         }
     }
     return ret;