矢量图标

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

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

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

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

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

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

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

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

本文提供适用于 TinyMCE 网站或应用程序的全面安全指南。涵盖 XSS 漏洞防护、依赖项更新、HSTS 与 CSP 配置等关键措施。同时解析用户输入风险，如注入攻击、数据泄露及会话管理失效，并介绍 DOMPurify 过滤机制与外部资源沙盒处理策略，助您构建安全的编辑环境。

本文详细介绍 TinyMCE 的安全建议与防护措施。涵盖 XSS 漏洞修复、依赖项更新、HSTS 强制 HTTPS、配置 CSP 策略等关键措施。同时提供关于用户输入清理、外部资源保护及认证会话管理等通用安全风险的应对指南，帮助开发者构建更安全的 Web 应用。