tinymce常用的toolbar

TinyMCE是一款使用非常广泛的富文本编辑器，它让用户可以在文本框内创建和修改文本的样式、字体大小、颜色等，以及插入图片、视频等内容。TinyMCE支持自定义配置工具栏(toolbar)和左侧菜单(menu)，让用户可以根据自己的需求来定制编辑器的外观和功能。

本篇文章将为大家介绍TinyMCE常用的toolbar，让大家可以更加灵活地使用适合自己的编辑器。

基础toolbar

以下是基础的toolbar，包括最常用的一些功能：

toolbar: 'undo redo | bold italic underline strikethrough | alignleft aligncenter alignright | bullist numlist outdent indent | link | image | table | hr | removeformat'

上述toolbar主要包含以下功能：

• 撤销、重做
• 加粗、斜体、下划线、删除线
• 左对齐、居中对齐、右对齐
• 无序列表、有序列表、减少缩进、增加缩进
• 插入链接、插入图片
• 插入表格、插入分割线
• 清除格式

高级toolbar

如果我们需要编辑更加复杂、具有创意的文档，可以使用以下的高级toolbar：

toolbar: 'styleselect | bold italic | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | code'

上述toolbar主要包含以下功能：

• 样式选择器，可以选择常用的HTML标签样式，如<h1>、<h2>、<p>等
• 加粗、斜体字
• 文字颜色、背景颜色
• 左对齐、居中对齐、右对齐、两端对齐
• 无序列表、有序列表、减少缩进、增加缩进
• 插入链接、插入图片
• 插入代码

自定义toolbar

如果你觉得上述的toolbar不够满足你的需求，你还可以通过自定义toolbar来实现。以下是一个简单的自定义toolbar例子：

toolbar: 'undo redo | bold italic underline strikethrough | styleselect | forecolor backcolor | link image | hr | removeformat'

在这个例子中，我们主要做了以下修改：

• 添加了下划线
• 添加了样式选择器
• 添加了文字颜色、背景颜色
• 移除了无序列表、有序列表、居中对齐、两端对齐、插入表格等功能

当然，你可以根据自己的需求，进一步自定义toolbar。

总结

TinyMCE是一款功能强大且灵活的富文本编辑器，通过配置toolbar可以使它更加适应实际需求。本篇文章介绍了TinyMCE常用的toolbar，包括基础toolbar、高级toolbar和自定义toolbar。希望本篇文章能对你使用TinyMCE编辑器有所帮助。