关于 vditor.insertValue(）插入问题

贴一下代码

insertValue 的值为后台返回的 content ，用 new Vditor 可以完美展示 但是用 insertValue 就会出现问题

@Vanessa 已发代码

const config: any = {
      width: '100%',
      minHeight: 400,
      // cdn: '/public/js/vditor',
      cdn: 'https://staticweb.ewan.cn/libs/vditor',
      placeholder: '请输入markdown格式文本',
      toolbar: [
        'headings',
        'bold',
        'italic',
        'strike',
        '|',
        'line',
        'quote',
        'list',
        'ordered-list',
        'check',
        'outdent',
        'indent',
        'code',
        'inline-code',
        'insert-after',
        'insert-before',
        'undo',
        'redo',
        'upload',
        'link',
        'table',
        'edit-mode',
        'preview',
        'fullscreen',
        'outline',
        'export',
        {
          hotkey: '⌘-⇧-S',
          name: 'sponsor',
          tipPosition: 's',
          tip: '成为赞助者',
          className: 'right',
          icon: 'xxx',
          click() {
            md.insertValue(props.data[props.option.key]);
          }
        }
      ],
      tab: '\t',
      preview: {
        delay: 50,
        maxWidth: 19200,
        toc: true,
        hljs: {
          lineNumber: true,
          style: {
            'max-height': 'auto'
          }
        },
        actions: ['desktop', 'tablet', 'mobile'],
        markdown: {
          fixTermTypo: true,
          listStyle: true,
          codeBlockPreview: false
        }
      },
      outline: {
        enable: true,
        position: 'right'
      },
      cache: {
        enable: false
      },
      // input: onChange,
      // focus: onChange,
      blur: onChange,
      after: () => {}
    };
    onMounted(() => {
      key.value = Math.random();
      setTimeout(() => {
        md = new Vditor('content', {
          ...config,
          value: props.data[props.option.key]
        });
      }, 150);
    });
​

@Vanessa 你好这就是所写代码， props.data[props.option.key]为后端返回的 markdown 文本，其中代码块部分用 insertValue 插入的话 就会出现错乱

    <!-- TODO 超级SDK:添加网络安全配置, 以在Android9.0上访问http资源 -->
    <application

        android:networkSecurityConfig="@xml/super_network_security_config" >



        <!-- SuperSDK start -->
        <!-- TODO 超级SDK:添加FileProvider配置,以在Android9.0上访问文件,${package_name}为应用包名,包名在gradle中配置 -->
        <provider
            android:name="cn.ewan.supersdk.provider.SuperFileProvider"
            android:authorities="${package_name}.super.fileprovider"
            android:exported="false"
            android:grantUriPermissions="true">
            <meta-data
                android:name="android.support.FILE_PROVIDER_PATHS"
                android:resource="@xml/super_file_path"/>
        </provider>
        <!-- SuperSDK end -->

    </application>
​

@Vanessa 可尝试用这个代码块 用 insertValue 插入

试试这个

vditor.insertValue(`\n\`\`\`java



    <!-- TODO 超级SDK:添加网络安全配置, 以在Android9.0上访问http资源 -->
    <application

        android:networkSecurityConfig="@xml/super_network_security_config" >



        <!-- SuperSDK start -->
        <!-- TODO 超级SDK:添加FileProvider配置,以在Android9.0上访问文件,\${package_name}为应用包名,包名在gradle中配置 -->
        <provider
            android:name="cn.ewan.supersdk.provider.SuperFileProvider"
            android:authorities="\${package_name}.super.fileprovider"
            android:exported="false"
            android:grantUriPermissions="true">
            <meta-data
                android:name="android.support.FILE_PROVIDER_PATHS"
                android:resource="@xml/super_file_path"/>
        </provider>
        <!-- SuperSDK end -->

    </application>
\`\`\``.replace(/</g, "&amp;lt;"))
​

你好，那假如我要插入的 markdown 文档中，代码块只是其中一部分 那这种插入方法不就没用了吗，例如一篇 markdown 文档中不止有代码块 还有其他的文本格式 @Vanessa

用了大佬的代码试了下 好像不行 @Vanessa

不用插入 insertValue 而用 newVidtor 时 渲染是正确的：

@Vanessa

@Vanessa 下图是使用 replace 会引发的问题

@ Vanessa 从 vscode 复制 md 文档的时候 会自动在开头添加 ``` 代码块 末尾也会 如何去掉呢