网站首页 > 技术文章 正文
以前jQuery、PC网页时代,富文本编辑器一直就是百度Ueditor、KindEditor。现在使用Angular、Vue、React等MVVM架构以及最新的大前端
工程模式下,老的编辑器显然不更新了,累赘了。当然也有不少技术爱好者进行了老编辑器的打包成新架构可用的依赖。
选择一个满足业务需求的富文本编辑器还是难搞的,轻便的有quill之类的,然而有的项目需要丰富一点的富文本操作跟旧的Ueditor相比,差的远了。
比较适中的方法是选择Tinymce编辑器,适配PC和移动端响应式页面,有自定义的上传接口和回调,可以粘贴剪切板图片上传,可以保存编辑内容(本地记忆)。
不过V5版本的最新版本,集成方式出现了一点点变化。至于Tinymce V5版本怎么和Vue、Angular集成,网上一大堆方法,自己去看就行了。但npm依赖更新到这两天的最新版,会出现图标不显示,那就在网上教程的基础上增加一个icons代码的引入。
Angular很简单,把npm下载下来的tinymce库文件夹下icons文件夹复制到工程下目录,然后在angular.json下配置导出访问目录即可,例如下面的操作。
{
"glob": "**/*",
"input": "src/tinymce/icons",
"output": "/tinymce/icons/"
}
Vue版本也很简单,把tinymce依赖目录下的icons文件夹单独复制出来,放到项目public目录下,然后在Vue的配置对象里配置icons_url路径即可。
icons_url: `/tinymce/icons/default/icons.min.js`,
猜你喜欢
- 2025-06-03 基于OpenAI的新NLP文本编写APP—GPT-2,随时随地和你一起写作
- 2025-06-03 推荐6套非常热门的微信小程序开源项目
- 2025-06-03 腾讯开源的Markdown编辑器,开箱即用、轻量简洁、易扩展
- 2025-06-03 挖洞经验|UEditor编辑器存储型XSS漏洞
- 2025-06-03 介绍几款表单设计器(anyreport表单设计器)
- 2025-06-03 来了!JavaScript 最强大的 8 个 DOM API
- 2025-06-03 2014年最优秀JavaScript编辑器大盘点
- 2025-06-03 2021年最值得推荐的13个提高开发效率工具,程序员必备
- 2025-06-03 LATEX文本编辑器:MiKTeX 23.10(中文latex编辑器)
- 2025-06-03 所见即所得的 markdown 编辑器:Typora
你 发表评论:
欢迎- 652℃几个Oracle空值处理函数 oracle处理null值的函数
- 644℃Oracle分析函数之Lag和Lead()使用
- 642℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 634℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 629℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 616℃【数据统计分析】详解Oracle分组函数之CUBE
- 615℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 590℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (58)
- oracle面试 (55)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)