高级图标

本文介绍 TinyMCE 编辑器提供的默认可用图标列表。用户可参考相关文档了解如何为 TinyMCE 创建自定义图标包，并掌握通过 API 设置图标标识符、预览文件名等配置方法，满足个性化界面需求。

本文详细介绍 TinyMCE 的图标系统，涵盖开源与高级图标包的选择、自定义图标集成方法。讲解如何通过 icons 和 icons_url 选项替换默认图标或从非标准位置加载。同时提供 NPM 包部署及构建步骤中的配置指南，帮助开发者匹配皮肤样式并优化编辑器视觉体验。

本文介绍TinyMCE图标包的视觉样式功能，涵盖开源与高级图标包的使用。支持默认、Bootstrap、Jam、Material、小图标及细图标等多种风格。文章详解模块打包语法、非打包部署方法、文件结构及配置选项，并提供故障排除指南，助您自定义编辑器外观。

本指南全面介绍如何创建、构建和部署 TinyMCE 自定义图标包。涵盖手动配置与使用 SVG 模板工具两种方法，详解图标包结构、加载机制及注册方式。提供本地开发、CDN 部署等常见场景的解决方案，并说明如何覆盖默认图标，助您轻松定制编辑器界面。

本文详细介绍 TinyMCE Web Component 的集成与配置方法。涵盖从安装、许可证密钥设置到编辑器尺寸、只读模式等基础属性调整。同时讲解工具栏、菜单栏、上下文菜单及快速插入/选择工具栏的定制方式。此外，还涉及内容样式表与样式的配置、PowerPaste 插件的 Word 及 HTML 导入过滤、本地图片显示限制、调整大小手柄控制、初始化函数绑定、皮肤与图标包应用、图片上传 URL 及处理程序设置、凭证携带、文件名重用策略，以及事件绑定与支持的浏览器和 TinyMCE 事件列表。

本文详细介绍如何在应用程序中打包和配置 TinyMCE 插件。涵盖使用 Webpack、Vite 或 Rollup 等工具包含开源及付费插件的方法，包括模块语法示例、基础文件夹结构、高级皮肤与图标导入、语言文件处理以及懒加载策略。同时说明外部插件加载选项、附加资源要求及常见插件如表情符号、拼写检查器的特定配置步骤，助您构建高效编辑器。

本文介绍 TinyMCE 付费订阅提供的增强型皮肤与图标包功能。通过预制的皮肤和图标包，集成者可快速自定义编辑器外观，使其与应用设计系统完美匹配。文章详细说明了 UI 样式与内容样式的配置方法、独立 CSS 文件的使用技巧，以及不同皮肤与图标包的兼容性矩阵推荐组合，帮助用户灵活定制编辑体验。

本文介绍如何使用 TinyMCE Oxide 图标包模板工具创建自定义图标包。教程涵盖从下载项目、安装 Node.js 和 NPM 依赖，到通过命令行运行 Gulp 构建 SVG 图标的完整流程。同时讲解了 SVG 文件命名规则、描边转形状要求及优化选项配置，帮助用户成功部署并加载自定义图标至 TinyMCE 编辑器中。

本文介绍如何使用 Rollup.js 和 ES6+ 语法将 TinyMCE 的 npm 版本进行打包。指南涵盖 Node.js 环境搭建、许可证设置、CSS 与资源配置等步骤，并提供可运行的示例代码。同时讲解如何添加插件、自定义皮肤及图标包，帮助用户高效集成编辑器到项目中。

本演示展示如何创建和使用 TinyMCE 的自定义图标包。通过并排比较默认图标与重新设计的 SVG 自定义图标，直观呈现视觉差异。提供可复制的代码示例，指导用户加载自定义图标包、指定图标集及创建自定义工具栏按钮（如星形和心形）。适合需要定制编辑器外观的开发人员参考使用。