在开发基于 Vditor 的应用时，进行 "撤销","重做" 操作时，ECharts 渲染会出现问题

我在开发一个软件，将 Vditor 与大语言模型结合，从而实现 AI 辅助写作的功能，实际开发过程中遇到了一些问题。当界面中有 ECharts 图表时，如果输入其他文字后撤销，则图表的代码框，里面的内容会被复制一份，从而无法正常渲染，出现了渲染错误。

例如以上情况，有一个示例的 ECharts 渲染

当我随便编辑文字之后，

再点击撤销，或者 ctrl+z

就会出现以上情况。

可以看到代码框里莫名其妙多出了一份一样的内容

把多余内容删除后又可以正常显示

但是继续撤销，就又会出现以上问题。（点击重做也不能解决）

以下是 input 和 after 的回调函数。

                input: async (value) => {
                    console.log('input');
                    //article.value = value; // 监听输入事件，更新绑定的内容
                    current_article.value = value;
                    //console.log(current_article.value)
                    latest_view.value = 'article';
                    //sync();
                    await bindTitleMenu();

                },
                after: async () => {
                    console.log('after');
                    try{
                        sync();
                        await bindTitleMenu();
                    }
                    catch(e){
                  
                        console.error(e);
                    }

                    loadingInstance.close();

                },