常规示例
此表格列出了 TinyMCE 文档中包含的 TinyMCE 常规工作示例。
基本可用的编辑器示例。 | 包含所有 Open Source 插件的全功能编辑器示例。 |
包含 Open Source 和 Premium 功能的全功能演示 包含所有 Open Source 插件和几乎所有 Premium 插件的全功能编辑器示例。 | 经典编辑器模式下的可用 TinyMCE 编辑器。 |
内联模式下的可用 TinyMCE 编辑器。 | 无干扰模式下的可用 TinyMCE 编辑器。 |
集成示例
此表格列出了 TinyMCE 文档中包含的 TinyMCE 特定用例的基本工作示例。
使用 TinyMCE 创建可重复使用且部分可编辑的模板。 |
皮肤和图标示例
此表格列出了 TinyMCE 文档中包含的 TinyMCE 各种预设皮肤和图标包。
具有颜色、表单和按钮的示例表单,与默认 Bootstrap 框架 UI 非常匹配。 | 无外边框的默认 TinyMCE 皮肤,非常适合“全屏”编辑。 |
默认图标与自定义图标包的对比,包括使用自定义图标的自定义工具栏按钮。 | 受 Microsoft 设计语言启发的 Fabric 皮肤,可选择自定义边框。 |
受 Microsoft 设计语言启发的 Fluent 皮肤,可选择自定义边框。 | 使用 Small 皮肤的 JAM 图标库中的图标。 |
具有经典 Material Design 组件和 Material 经典皮肤的示例表单。 | 具有轮廓 Material Design 组件和 Material Outline 皮肤的示例表单。 |
使用 Naked 皮肤,无外边框或工具栏边框的简洁简单的文本输入体验。 | 使用 Outside 皮肤的简洁文本输入,可编辑区域周围有边框,小图标包。 |
使用 Small 皮肤和较小默认图标的更小按钮。 | 使用 Snow 皮肤的现代、轻量级编辑器,与 Thin 图标包搭配使用效果极佳。 |