toast-ui/editor 报错 undefined value或者innerhtml=null解决

最新推荐文章于 2023-01-18 09:40:57 发布

风潇，逸然

最新推荐文章于 2023-01-18 09:40:57 发布

阅读量728

点赞数

分类专栏： vue 文章标签： css vue.js html

本文链接：https://blog.csdn.net/COMMANDonly/article/details/119966446

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

先给出npm官网地址
https://www.npmjs.com/package/@toast-ui/editor
无论你用cdn还是vue都会爆这种错，这是因为markdown插件其浏览器解析顺序导致的，废话不多说，给出解决办法
在你的初始化方法外面套一层window.onload即可

<template>
  <body>
    <div id="editor">123213</div>
  </body>
</template>

<script>
import 'codemirror/lib/codemirror.css' // Editor's Dependency Style
import '@toast-ui/editor/dist/toastui-editor.css'
import Editor from "@toast-ui/editor"; // Editor's Style

window.onload = ()=>{
  const editor = new Editor({
    el: document.querySelector('#editor'),
    height: '500px',
    initialEditType: 'markdown',
    previewStyle: 'vertical'
  });

  editor.getMarkdown();
}
export default {
  name: "Edit"
}
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

风潇，逸然

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
toast-ui/editor 报错 undefined value或者innerhtml=null解决

先给出npm官网地址https://www.npmjs.com/package/@toast-ui/editor无论你用cdn还是vue都会爆这种错，这是因为markdown插件其浏览器解析顺序导致的，废话不多说，给出解决办法在你的初始化方法外面套一层window.onload即可<template> <body> <div id="editor">123213</div> </body></template>
复制链接

扫一扫