使用 vditor.insertValue()插入,发现代码块格式会丢失错乱,如下图
关于 vditor.insertValue()插入问题
相关帖子
- 其他回帖
-
lzsk •作者
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 插入的话 就会出现错乱
- 查看全部回帖
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于