主要介绍了在 Vue 项目中引入 tinymce 富文本编辑器的实例代码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

这篇文章主要介绍了vue如何实现动态加载脚本,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 今天在研究，tinymce富文本编辑器怎样在vue中使用，然后看到其它框架上的使用方法，它是动态加载tinymce脚本的，若果在本地引入静态文件或者，npm安装都会导致vue项目打包体积过大，这种动态脚本引入方式，是一个不错的实践，下面上的代码块叫 dynamicLoadscr ipt 顾名思义，动态加载脚本，这个js只对加载tinymce有效，不过要想

选择一个合适的富文本编辑器对于一个前端项目至关重要，这次我基于Vue来开发我项目中的前端部分，经过权衡选择了tinymce。其在UI，功能都很适合，tinymce官方文档：点击打开链接； 引入tinymce 我选用的版本4.7.4 npm install tinymce -S 将tinymce创建为Vue的组件，便于日后复用，创建组件editor.vue [removed] // Import TinyMCE im

项目中原本使用的富文本编辑器是 wangEditor，这是一个很轻量、简洁编辑器 但是公司的业务升级，想要一个功能更全面的编辑器，我找了好久，目前常见的编辑器有这些： UEditor：百度前端的开源项目，功能强大，基于 jQuery，但已经没有再维护，而且限定了后端代码，修改起来比较费劲 bootstrap-wysiwyg：微型，易用，小而美，只是 Bootstrap + jQuery… kindEditor：功能强大，代码简洁，需要配置后台，而且好久没见更新了 wangEditor：轻量、简洁

Tinymce富文本也是一款很流行编辑器           把文件放在static下，然后在index.html文件中引入这个文件 [removed][removed]          在其他子文件中引入这个 import tinymce from '../components/Tinymce'; components: { tinymce }, 然后就可以调用起这