使用 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 插入的话 就会出现错乱
-
lzsk •作者
<!-- 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, "&lt;"))
4 回复 -
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于