打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
在vscode里面使用tinymce富文本编辑器

问题

在vue里需要用到tinymace富文本编辑器,如何去进行安装。

​方法

  1. 在浏览器中搜索tinymce,官方网站为英文网站

(官方网站地址:https://www.tiny.cloud/get-tiny/self-hosted/)

2.进入官网以后先点击上面的Docs选项,后选择最下面的Get TinyMCE Free

3.进入网页以后选择Download,跳转到最新版本页。但是我们为了更好的进行开发,我们则需要下载之前的版本,所以点击here跳转页面。

4.我们则需要点击页面的第4版本,右边的插件都可以选择下载,但是需要把最后Options内容取消掉,要不然以后将会把所有的文件打包到一个js文件夹里,然后点击Download.并将下载下来的压缩包解压到自己电脑的文件夹内。

5.打开vscode中的自己项目,单击右键将public在文件资源管理器中显示,打开public文件夹,将下载好的tinymce文件夹复制到里面去,则tinymce富文本编辑器则安装好。

6.打开public文件夹,打开其中的index.html,在里面引入<script></script>标签,在标签的双引号中路径应该用上面的内容拼接上文件夹目录名,然后就可以直接使用了。

3 结语

当在vscode里面创造vue文件时最好选择2.0版本,它可以向上兼容。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
分享一个超级好用的文本编辑器,完爆曾经的np++
VSCode配置Python编辑器
CSS3可视化网页编辑器 基于tinymce编辑器 | HTML5资源教程
用 syntaxhighlighter 插件在文章中插入程序源代码
在线编辑器
做生信,你需要一款好用的文本编辑器
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服