常规示例

此表格列出了 TinyMCE 文档中包含的 TinyMCE 常规工作示例。

基本示例

基本的工作编辑器示例。

包含 Open Source 功能的全功能演示

包含所有 Open Source 插件的全功能编辑器示例。

包含 Open Source 和 Premium 功能的全功能演示

包含所有 Open Source 插件和几乎所有 Premium 插件的全功能编辑器示例。

经典编辑器模式

处于经典编辑器模式的可工作的 TinyMCE 编辑器。

内联编辑器

处于内联模式的可工作的 TinyMCE 编辑器。

无干扰编辑器

处于无干扰模式的可工作的 TinyMCE 编辑器。

集成示例

此表格列出了 TinyMCE 文档中包含的特定于 TinyMCE 用例的基本工作示例。

模板创建

使用 TinyMCE 创建可重复使用且部分可编辑的模板。

皮肤和图标示例

此表格列出了 TinyMCE 文档中包含的 TinyMCE 各种预制皮肤和图标包。

Bootstrap 演示

带有颜色、表单和按钮的表单示例,以紧密匹配默认的 Bootstrap 框架 UI。

无边框演示

默认的 TinyMCE 皮肤,没有外边框,非常适合“全屏”编辑。

自定义图标包演示

默认图标与自定义图标包的对比,包括使用自定义图标的自定义工具栏按钮。

Fabric 演示

受 Microsoft 设计语言启发的 Fabric 皮肤,带有可选的自定义边框。

Fluent 演示

受 Microsoft 设计语言启发的 Fluent 皮肤,带有可选的自定义边框。

Jam 图标演示

将来自 JAM 图标库的图标与 Small 皮肤一起使用。

Material Classic 演示

带有经典 Material Design 组件和 Material Classic 皮肤的表单示例。

Material Outline 演示

带有轮廓 Material Design 组件和 Material Outline 皮肤的表单示例。

Naked 演示

使用 Naked 皮肤提供简洁简单的文本输入体验,没有外边框或工具栏边框。

Outside 演示

使用 Outside 皮肤提供简洁的文本输入,可编辑区域周围有边框,小图标包。

小图标演示

使用 Small 皮肤和较小的默认图标的较小按钮。

Snow 演示

使用 Snow 皮肤的现代、轻量级编辑器,与 Thin 图标包搭配使用效果极佳。