vue项目中引入tinymce4

上个项目用没记录,这次捣鼓了半天,赶紧拿小本本记下来~

ps:只实现了基本功能,图片上传有点问题,还得捣鼓捣鼓,捣鼓出来了再更新~

  1. 安装:

    npm install @tinymce/tinymce-vue -S
    npm install tinymce -S
  2. 安装之后,在 node_modules 中找到 tinymce/skins目录,然后将 skins 目录拷贝到 static 目录下,下载zh_CN.js文件也放在static/tinymce/

  3. 修改index.html文件:

    
    
      
        
        
        graduation-project
        
      
      
        
  4. Editor.vue文件

    
    
    

    参考链接:

https://www.cnblogs.com/wisewrong/p/8985471.html

http://tinymce.ax-z.cn/advanced/some-example.php

你可能感兴趣的:(vue项目中引入tinymce4)