富文本编辑器--jodit-vue 插件踩坑之路

jsdit富文本编辑器的踩坑之路

总体来说这个富文本编辑器还挺好使用的；但是中文文档不全，使用起来必须看

文档地址：传送门

一 如何使用

      npm 安装   

1. npm install jodit

2. CDN使用方法

3. <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jodit/3.1.39/jodit.min.css">

4. <script src="//cdnjs.cloudflare.com/ajax/libs/jodit/3.1.39/jodit.min.js"></script>

5. Self-hosted · Download files

6. <link rel="stylesheet" href="build/jodit.min.css">

7. <script src="build/jodit.min.js"></script>

8. 使用:

9. html:<textarea id="editor" name="editor"></textarea>或<div id="editor"></div>

10. js:

11. var editor = new Jodit('#editor');

12. jquery:

13. $('textarea').each(function () {

14. var editor = new Jodit(this);

15. editor.value = '<p>start</p>';

二 组件中使用

 

              import 'jodit/build/jodit.min.css'

              import {JoditVue } from 'jodit-vue'