vue.js引入tinymce富文本编辑器

  1. 在官网下载tinymce生产用法所需要的全部文件;

    https://www.tinymce.com/

  2. index.html文件中引入tinymce.min.js文件;
  3. 将tinymce插件内所有文件复制至项目中static文件夹内;vue.js引入tinymce富文本编辑器_第1张图片
  4. 在项目内新建公共组件
    
    
    

     

  5. 在需要使用富文本编辑器的地方引入组建      
    import tinymce from 'components/assembly/tinymce'
    
    <tinymce :height=400 ref="editor" v-model="viewModel.content">tinymce>


   6.上传图片使用 jquery.form.js 

转载于:https://www.cnblogs.com/syh119/p/8625058.html

你可能感兴趣的:(vue.js引入tinymce富文本编辑器)