vue2项目中富文本 tinymce

一开始走了很多弯路,页面总是报各种各样的错,比如:

Uncaught SyntaxError: Unexpected token '<'

后来发现对于 vue2 而言,tinymce的版本不能过高。

于是,简化了一下,但是也还是很臃肿

第一步

package.json文件中,加上依赖

"@tinymce/tinymce-vue": "^3.0.1",
"tinymce": "5.1.0",
第二步

把依赖下载下来,运行npm install

第三步

在node-modules里找到tinymce文件夹,复制出来以下文件夹,放到public文件夹新建的tinymce中

 

 第四步

新建一个tinymce的vue公共组件,便于处理项目中关于相同的富文本

 

 

 

posted @ 2022-08-31 12:11  茗飨  阅读(620)  评论(0)    收藏  举报