TinyMCE - 在工具栏上自定义CSS样式菜单

要在TinyMCE工具栏上自定义CSS样式菜单，可以按照以下步骤进行操作：

<script src="tinymce/tinymce.min.js"></script>
初始化TinyMCE编辑器，并在toolbar配置项中添加一个自定义的菜单按钮。例如：
tinymce.init({
  selector: 'textarea',
  toolbar: 'styleselect myCustomStyleButton',
  setup: function (editor) {
    editor.addButton('myCustomStyleButton', {
      text: '自定义样式',
      icon: false,
      onclick: function () {
        // 打开自定义样式菜单
        editor.execCommand('mceInsertContent', false, '<span class="my-custom-style">示例文本</span>');
创建一个CSS样式表，其中包含你想要自定义的样式。例如：
<style>
.my-custom-style {
  color: red;
  font-weight: bold;
</style>
在编辑器中使用自定义样式菜单时，将会在当前光标位置插入一个带有所选样式的HTML标记。在这个例子中，将插入一个带有.my-custom-style类的<span>标签。
这样，当你在编辑器中选择文本并点击自定义样式按钮时，所选文本将会应用自定义样式。
请注意，上述示例代码中的路径和类名仅为示范，你需要根据自己的实际需求进行修改。