【源码】基于TinyMCE的富文本编辑器扩展系统

项目简介

本项目是基于TinyMCE富文本编辑器的扩展系统，以TinyMCE v5.2.2版本为基础，保留并扩展其原有功能，还加入新插件和特性，为用户提供便捷、强大的文本编辑体验。

项目的主要特性和功能

1. 基于TinyMCE v5.2.2构建，继承核心功能，提供稳定强大的文本编辑体验。
2. 保留v4版本的分割线规则，便于内容管理。
3. 内置插件：
   • powerpaste：提供灵活的粘贴操作。
   • checklist：支持清单功能，方便任务管理。
4. 新增插件：
   • 插入B站视频插件：可直接在编辑器中嵌入B站视频。
   • 插入折叠文本插件：便于管理和隐藏长内容。
5. 支持MathJax，允许在编辑器中编写和展示LaTeX公式。

安装使用步骤

假设用户已下载本项目的源码文件。 1. 引入TinyMCE：在需要使用TinyMCE编辑器的页面中引入TinyMCE的JS文件，如<script src="https://cdn.gatesstsuperlaser.com/static/tinymce/tinymce.min.js"></script>。 2. 构建CSS：运行npm run build命令更新CSS构建。 3. 配置编辑器：根据项目需求，配置TinyMCE编辑器，激活所需的插件并添加相应的工具栏项。 4. 添加自定义插件： - 在icons/custom/icons.js中添加SVG图标，设置尺寸并注意视口大小。 - 在plugins目录中，复制videox或foldtext目录作为参考，新建插件目录并替换为新插件名。 - 在编辑器配置中激活插件并添加工具栏项。

CDN更新

确保使用最新的CDN链接： - https://cdn.gatesstsuperlaser.com/static/tinymce/tinymce.min.js - https://cdn.gatesstsuperlaser.com/static/tinymce/skins/content/default/content.min.css

通过以上步骤，可快速搭建并扩展一个功能丰富的富文本编辑器系统。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】