【TinyMCE 中文手册】自定义用户界面
本文详细介绍如何自定义 TinyMCE 编辑器用户界面。涵盖使用主题与皮肤调整外观结构、设置工具栏按钮及隐藏状态栏的方法。同时讲解通过配置选项控制编辑器宽高、应用内容 CSS 统一样式,以及添加代码按钮和开关开源或云版本推广信息的操作指南,助您打造完整体验。
关于主题的技术文章和开发文档。
本文详细介绍如何自定义 TinyMCE 编辑器用户界面。涵盖使用主题与皮肤调整外观结构、设置工具栏按钮及隐藏状态栏的方法。同时讲解通过配置选项控制编辑器宽高、应用内容 CSS 统一样式,以及添加代码按钮和开关开源或云版本推广信息的操作指南,助您打造完整体验。
本指南详细介绍如何手动为 TinyMCE 8 创建新皮肤以自定义其外观。文章涵盖从安装 Node.js 和 Less、配置开发环境到复制主题变量、修改 UI 样式及内容 CSS 的完整流程。同时讲解了如何处理 Split buttons 结构变更,以及如何将自定义皮肤迁移至生产环境,确保无需直接覆盖底层代码即可实现灵活定制与持续更新支持。
本文介绍 TinyMCE 编辑器核心拆分后,如何通过主题模块优化加载性能。主题负责 UI 逻辑与组件如按钮、对话框及菜单。默认自动加载 Silver 主题,支持自定义路径配置。适用于 CDN 加载或自定义部署结构场景,帮助用户灵活管理主题文件位置。
本文介绍如何在 TinyMCE 中创建和使用自定义主题。通过 ThemeManager 注册伪类,可实现主题定制功能。需注意默认 Silver 主题提供大部分核心样式,修改外观建议优先调整 Skin。同时提供了相关方法参考及示例代码,帮助开发者灵活配置编辑器界面。
本文介绍 TinyMCE 中的 AddOnManager 类及其核心功能。该类负责加载插件和语言包,实例包括 ThemeManager 和 PluginManager。主要方法涵盖通过短名称添加、获取及加载插件,以及为指定插件加载多语言支持,帮助开发者高效管理扩展资源。
本文详细介绍 TinyMCE 各主题所需的文件结构,以 silver 主题为例展示相对路径。涵盖主题打包语法、模块来源示例及 ES6+npm、CommonJS npm 等配置方式,帮助开发者快速理解默认主题的构建与集成方法。
本文提供从 TinyMCE v4 升级到 v8.0 的完整迁移指南。涵盖架构变更、Oxide 皮肤替换、插件移除与整合、API 方法更新及许可证密钥系统变化。包含详细的配置调整步骤、安全设置优化(如 DOMPurify 升级)以及自托管部署建议,助您顺利完成版本演进。
TinyMCE 8.0.0 发行说明涵盖 Tiny Cloud 和 Enterprise 版本更新。新增 Suggested Edits、Mentions、Spell Checker 等 Premium 插件,修复拼写检查与可访问性问题。许可密钥系统升级需使用 T8LK 前缀,Java Swing 集成弃用并转向 Docker 容器部署。同时优化皮肤图标包、跨源资源处理及键盘导航体验,提升多语言支持与协作编辑功能。
本文详细介绍 TinyMCE 编辑器支持的各种事件类型,包括浏览器原生事件、编辑器核心事件及插件事件。涵盖初始化前后绑定方法、内容变更处理、撤销重做机制以及各类插件如无障碍检查、自动保存、拼写检查等触发的事件监听与数据访问方式。
本文详细介绍从 TinyMCE 版本 5 升级到版本 8.0 的完整指南。涵盖架构改进、UI 主题调整、浏览器支持变更及关键破坏性变更。内容包括已移除与集成的插件列表、工具栏名称更新、API 方法替换、许可证密钥系统升级、DOMPurify 安全策略变化以及跨域资源加载配置。提供迁移检查清单、自定义皮肤适配建议及部署前验证步骤,助您顺利完成版本升级。