vue 集成富文本tinymce

原文链接: https://segmentfault.com/a/1190000017206677

开发环境

1. vscode

开发语言

1. vue
2. javaScript

插件安装

1. npm install tinymce -S
2. 可以使用里面的文件, 下载后可以在node_modules 里面查看如下未目录结构
    

vue 集成富文本tinymce_第1张图片

3. 可以将整个结构拷在static里面,为了节省打包后的文件大小可以将tinymce.min.js以cdn方式导入放在index.html中
    
4. 附上封装的代码可以直接导入使用
   
    

5. 在组件中导入即可使用
    import tinymce from './tinymce/index'

引用

https://www.bootcdn.cn/tinymce/     // tinymce地址

你可能感兴趣的:(vue 集成富文本tinymce)