在TinyMCE中，可以使用Import_CSS将样式添加到工具栏的StyleSelect选项吗？

Question

我正在使用import_css加载CSS样式，然后在“格式”下的菜单栏上可见。

importcss_append: true,
importcss_file_filter: tinymce_content_css_location,
importcss_groups: [ 
  {title: 'SiteCommander Images', filter: /(.image-)/ },
  {title: 'SiteCommander Styles'}
],
menu : {
  ...
  format: { title: 'Format', items: '... | formats' },
  ...
},

结果：

但是，默认情况下，这些相同的样式不会出现在工具栏项styleselect上 。

有什么方法可以使styleselect匹配格式？

Answer 1

在格式工具栏按钮（ styleselect在您的配置）是由控制style_formats配置选项，而不是外部CSS。 例如：

style_formats: [
    {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
    {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
    {title: 'Example 1', inline: 'span', classes: 'example1'},
    {title: 'Example 2', inline: 'span', classes: 'example2'},
    {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'},
    {title: 'LI List Class', selector: 'li', classes: 'liclass'},
    {title: 'UL List Class', selector: 'ul', classes: 'listclass'},
    {title: 'Image Float Right', selector: 'img', styles: {float: 'right'}}
],