如图一个编辑器的工具部分。
分为两个部分，上面的 文件、编辑... 为 菜单栏 部分。
下面的红色框起来的为 工具栏 部分。

本文概述工具栏的配置。
关于菜单栏的配置可以开这篇文章： TinyMCE菜单配置详解

启用和停用工具栏

通过init配置项 toolbar 和 toolbar(n) 来配置工具栏是否启用的项目和显示的顺序。
同时，使用 | 来分割各个项。

tinymce.init({
  selector: '#textarea1',  // change this value according to your HTML
  //启用工具栏并显示如下项
  toolbar: 'undo redo | styleselect | bold italic | link image',
tinymce.init({
  selector: '#textarea2',  // change this value according to your HTML
  //禁用工具栏
  toolbar: false,
/* 启用多个工具栏 */
tinymce.init({
  selector: '#textarea3',  // change this value according to your HTML
  // 启用多个工具栏
  toolbar: [
    'undo redo | styleselect | bold italic | link image',
    'alignleft aligncenter alignright',
tinymce.init({
  selector: '#textarea4',  // change this value according to your html
  // 工具栏1
  toolbar1: 'undo redo | styleselect | bold italic | link image',
  // 工具栏2
  toolbar2: 'alignleft aligncenter alignright',
自定义工具按钮
 
上面在工具栏中插入的都是编辑器自带的工具。 
 这里讲一下如何插入自定义的按钮。
 
主要的流程是：
 
在init的toolbar中注册自定义按钮
在setup方法中使用editor.addButton()定义按钮。
 
tinymce.init({
  selector: '#textarea',
  // 注册button
  toolbar: 'mybutton',
  setup: function (editor) {
    // 定义按钮，
    editor.addButton('mybutton', {
      // 按钮，名
      text: 'My button',
      // 是否显示图标
      icon: false,
      //onclick事件
      onclick: function () {
        // 这里点击后会插入一句话
        editor.insertContent('&nbsp;<b>It\'s my button!</b>&nbsp;')
上面是最基本的配置方法，
 
还有一些其他属性可以配置：
 
tooltip: 就是鼠标滑过时的提示文字
icon: 按钮的图标(这里指的是TinyMCE中自带的)
image: 如果希望直接配置图标(可以是URL或者path)
onclick: 点击事件
onpostrender: 触发按钮渲染的事件(用来在合适的时机禁用按钮)
cmd: 点击按钮时出发的编辑器事件(已经注册的)
 
更为深入的自定义按钮配置方法这里暂时不做说明。 
 可以参看TinyMCE Docs。
 
配置工具项
 
所属插件为核心的项为基本包里自带的功能，直接写在toolbar里就可以， 
 属于插件的项需要引入插件(plugins: '插件名')然后在toolbar中配置。
 
 
配置项
所属插件
描述
newdocument
核心
创建新文档
bold
核心
加粗
italic
核心
斜体
underline
核心
下划线
strikethrough
核心
删除线
alignleft
核心
居左
aligncenter
核心
居中
alignright
核心
居右
alignjustify
核心
两端对齐
alignnone
核心
清除
styleselect
核心
格式选择下拉框(缩进、行高)
formatselect
核心
段落选择下拉框(段落、标题)
fontselect
核心
字体选择下拉框
fontsizeselect
核心
字号选择下拉框
cut
核心
剪切
copy
核心
复制
paste
核心
粘贴
outdent
核心
减少缩进
indent
核心
增加缩进
blockquote
核心
引用
undo
核心
撤消
redo
核心
恢复
removeformat
核心
清除格式
subscript
核心
下标
superscript
核心
上标
visualaid
核心
网格线
insert
核心
插入的集合按钮
hr
hr
水平线
bullist
lists
无序列表
numlist
lists
有序列表
link
link
添加和修改链接
unlink
link
去除链接格式
openlink
link
打开选中链接
image
image
添加和修改图片
charmap
charmap
特殊符号
pastetext
paste
粘贴纯文本
print
print
打印
preview
preview
预览
anchor
anchor
作者
pagebreak
pagebreak
分页符
spellchecker
spellchecker
拼写检查
searchreplace
searchreplace
搜索
visualblocks
visualblocks
隐藏块级区域开关
visualchars
visualchars
隐藏字符串开关.
code
code
代码
help
help
帮助
fullscreen
fullscreen
全屏
insertdatetime
insertdatetime
插入时间
media
media
插入/编辑媒体文件
nonbreaking
nonbreaking
不间断空格
save
save
保存(ajax)
cancel
save
取消保存
table
table
插入/编辑表格
tabledelete
table
删除表格
tablecellprops
table
单元格属性
tablemergecells
table
合并单元格
tablesplitcells
table
拆分单元格
tableinsertrowbefore
table
在当前行之前插入一个新行
tableinsertrowafter
table
在当前行之后插入一个新行
tabledeleterow
table
删除当前行
tablerowprops
table
行属性
tablecutrow
table
剪切选定行
tablecopyrow
table
复制选定行
tablepasterowbefore
table
在当前行之前粘贴行
tablepasterowafter
table
在当前行之后粘贴行
tableinsertcolbefore
table
在当前列之前插入一个列
tableinsertcolafter
table
在当前列之后插入一个列.
tabledeletecol
table
删除当前列
rotateleft
imagetools
逆时针旋转当前图像
rotateright
imagetools
顺时针旋转当前图像
flipv
imagetools
垂直翻转当前图像
fliph
imagetools
水平翻转当前图像
editimage
imagetools
打开图像编辑对话框
imageoptions
imagetools
打开图像配置对话框
fullpage
fullpage
完整页面的文档属性
ltr
directionality
设置编写方向从左到右
rtl
directionality
设置编写方向从右到左
emoticons
emoticons
表情
template
template
插入模板
forecolor
textcolor
文本颜色
backcolor
textcolor
背景颜色
restoredraft
restoredraft
恢复到最新的自动保存草稿
insertfile
moxiemanager
引入文件
a11ycheck
a11ychecker
检查访问性
toc
toc
插入目录
quickimage
inlite
插入本地图像
quicktable
inlite
插入2X2的表格
quicklink
inlite
插入连接
  
TinyMCE菜单配置详解
 
会陆续补全关于TinyMCE的其他相关信息。
                    TinyMCE工具栏配置详解写在前面本文章讲述TinyMCE的工具栏方面的配置方法。本文的前提为你已经将TinyMCE整合到了你自己的项目中。什么是工具栏如图一个编辑器的工具部分。 分为两个部分，上面的文件、编辑...为 菜单栏 部分。 下面的红色框起来的为 工具栏 部分。本文概述工具栏的配置。 关于菜单栏的配置可以开这篇文章：TinyMCE菜单配置详解...
这个编辑器是我中午翻资料偶然看见的，既然有些人对他评价还可以，因此我就拿来试了试
网上的一些资料基本上都停留在2011年，而且是这个抄这个，这个抄那个，真正有用的并不多，在此我参考了以下几位同学的博客，再次谢谢各位
http://blog.csdn.net/chenloveyue/article/details/7039913
http://blog.csdn.net/salc3k/article/details/5341593
http://hi.baidu.com/honfei/item/267e3dd128d934866dce3fbe
http://www.hnonl.com/jonllen/article/66.aspx?display=2
我用的版本是tinymce_3_0_8  官网上有最近版本的，但是木有汉化，而且也没找到相应的说明文档
总体说来这个Tinymce和KindEditor 配置使用起来都比较简单，而且Tinymce还提供两种定义好的模式，一个是专业版,就是所有功能都有的，一种是精简版，只有6.7个功能，当然Tinymce最大的优势在于可以很方便的调整控件，通过plugins : "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager",就可以很轻松的控制要显示的功能
说说目前发现的缺点：
1.没有图片上传功能
2.没有图文混排
3.css的定义太多
4.最要命的是我居然发现没有设置字体颜色和背景颜色的控件，这让我很纳闷
图片如下：
详情：http://blog.csdn.net/spritenet/article/details/8085378
  toolbar: 'myCustomToolbarButton',
  setup: function (editor) {
    editor.ui.registry.addButton('myCustomToolbarButton', {
      text: 'My Custom Button',
      onAction: function () {
        alert('Button clicke
				
Vue项目中tinymce富文本的安装以及配置
对于目前网上存在的许多富文本插件中，个人还是觉得tinymce相对比较强大一些。在使用配置的过程中，可能会出现配置不完全，导致使用不了的情况，下面把我个人使用的经验分享给大家，希望对你们有所帮助。
安装tinymce插件命令
npm i tinymce @packy-tang/vue-tinymce
在main.js文件中全局引入tinymce相关文件（看项目需要，也可以在需要的组件中按需引入）
import tinymce from 'tinymce'
				
Vue3-tinymce 是一个用于 Vue3 的富文本编辑器组件。它允许用户在带有格式设置选项和工具栏的界面中编写格式化文本并保存到数据库中。Vue3-tinymce 基于官方插件 tinymce-vue，允许用户在 Vue3 中使用 TinyMCE 编辑器。
Vue3-tinymce 具有许多强大的功能，如构建自定义编辑器、自定义样式和布局选项、支持多语言、上传图像等。该组件还允许用户使用自定义样式进行本地化，以便适应不同的界面需求。
Vue3-tinymce 的使用非常简单。只需安装组件并在需要使用的区域中声明即可。用户还可以通过在选项中添加配置来启用不同的功能和插件。此外，Vue3-tinymce 也支持嵌套在其他组件中，例如表单组件。
总之，Vue3-tinymce 是一个实用的、易于使用的富文本编辑器组件，它为开发人员提供了方便的功能和扩展性，并适用于各种不同的项目需求。