【TinyMCE 中文手册】皮肤
本文介绍 TinyMCE 编辑器的高级皮肤功能,涵盖 UI 与可编辑区域样式的配置方法。通过替换默认 oxide 皮肤或加载自定义皮肤,可灵活适配应用程序需求。文章详解 skins 文件夹结构、content_css 选项用法及 NPM 包部署策略,帮助开发者实现界面个性化定制。
关于开源皮肤的技术文章和开发文档。
本文介绍 TinyMCE 编辑器的高级皮肤功能,涵盖 UI 与可编辑区域样式的配置方法。通过替换默认 oxide 皮肤或加载自定义皮肤,可灵活适配应用程序需求。文章详解 skins 文件夹结构、content_css 选项用法及 NPM 包部署策略,帮助开发者实现界面个性化定制。
本文介绍 TinyMCE 付费订阅提供的增强型皮肤与图标包功能。通过预制的皮肤和图标包,集成者可快速自定义编辑器外观,使其与应用设计系统完美匹配。文章详细说明了 UI 样式与内容样式的配置方法、独立 CSS 文件的使用技巧,以及不同皮肤与图标包的兼容性矩阵推荐组合,帮助用户灵活定制编辑体验。
本指南详细介绍如何手动为 TinyMCE 8 创建新皮肤以自定义其外观。文章涵盖从安装 Node.js 和 Less、配置开发环境到复制主题变量、修改 UI 样式及内容 CSS 的完整流程。同时讲解了如何处理 Split buttons 结构变更,以及如何将自定义皮肤迁移至生产环境,确保无需直接覆盖底层代码即可实现灵活定制与持续更新支持。
TinyMCE 8.5.0 版本现已发布,适用于 Tiny Cloud 和 TinyMCE Enterprise。本次更新重点增强了 AI 功能,新增自定义审查与改进的聊天体验。同时,拼写检查器、无障碍检查器及媒体优化器等 Premium 插件也进行了多项修复与优化,提升了编辑器性能与可访问性。
TinyMCE 8.5.0 版本发布,适用于 Tiny Cloud 和 Enterprise。本次更新包含多项关键修复:拼写检查器语言配置优化、无障碍检查器多行元素高亮修正、媒体优化器上传进度 UI 修复、PowerPaste 处理 Firefox 下标上标问题。此外,TinyMCE AI 插件新增自定义审核提示词、改进代码片段背景及键盘导航体验。同时更新了增强型皮肤和图标包,移除了冗余样式并修复了数据 URI 编码错误,提升了整体稳定性与可访问性。
本文详细介绍TinyMCE文档中的各类编辑器工作示例。涵盖基本、全功能及集成场景,展示开源与高级插件组合。同时列举多种预制皮肤如Bootstrap、Fabric、Fluent、Material等,以及Naked、Snow等轻量风格,并提供自定义图标包演示,助您快速构建理想编辑界面。
本文详细介绍如何在应用程序中打包和配置 TinyMCE 插件。涵盖使用 Webpack、Vite 或 Rollup 等工具包含开源及付费插件的方法,包括模块语法示例、基础文件夹结构、高级皮肤与图标导入、语言文件处理以及懒加载策略。同时说明外部插件加载选项、附加资源要求及常见插件如表情符号、拼写检查器的特定配置步骤,助您构建高效编辑器。
本文详细介绍从 TinyMCE 版本 5 升级到版本 8.0 的完整指南。涵盖架构改进、UI 主题调整、浏览器支持变更及关键破坏性变更。内容包括已移除与集成的插件列表、工具栏名称更新、API 方法替换、许可证密钥系统升级、DOMPurify 安全策略变化以及跨域资源加载配置。提供迁移检查清单、自定义皮肤适配建议及部署前验证步骤,助您顺利完成版本升级。
本指南详解如何使用 Webpack、Vite、Rollup 或 Browserify 等工具打包 TinyMCE。涵盖 NPM 与 ZIP 安装配置,支持 ES6 及 CommonJS 模块语法。详细说明插件导入路径、额外资源文件(如表情符号、帮助插件语言包)的显式加载要求,以及皮肤 CSS 和主题的正确引入方式。同时提供付费插件许可说明、插件依赖项处理顺序及 UI 本地化语言文件配置方法,助您完成完整的编辑器构建与自定义部署。
本文详细介绍 TinyMCE Web Component 的集成与配置方法。涵盖从安装、许可证密钥设置到编辑器尺寸、只读模式等基础属性调整。同时讲解工具栏、菜单栏、上下文菜单及快速插入/选择工具栏的定制方式。此外,还涉及内容样式表与样式的配置、PowerPaste 插件的 Word 及 HTML 导入过滤、本地图片显示限制、调整大小手柄控制、初始化函数绑定、皮肤与图标包应用、图片上传 URL 及处理程序设置、凭证携带、文件名重用策略,以及事件绑定与支持的浏览器和 TinyMCE 事件列表。