table_class_list,table_row_class_list的代码示例

时间:2018-06-19 15:07:55

标签: css3 tinymce-4

我期待使用具有所有新功能的最新版TinyMCE插件。我尝试使用以下URL:https://www.tinymce.com/docs/plugins/table/来查看表格插件的工作原理。

在下面的示例中,我看到有几个名为Dog和Cat的类,其值分别为dog和cat。

谁能帮助我知道应该在哪里定义类。

任何代码示例都会帮助我。

table_class_list:

tinymce.init({
  selector: "textarea",  // change this value according to your HTML
  plugins: "table",
  menubar: "table",
  toolbar: "table",
  table_class_list: [
    {title: 'None', value: ''},
    {title: 'Dog', value: 'dog'},
    {title: 'Cat', value: 'cat'}
  ]
});

我尝试添加一些CSS,这是www.tinymce.com/css/codepen.min.css的一部分,但是我看不到任何变化。

任何有关此示例代码的帮助都会对我有很大帮助。

body { 填充:5px;

}

猫{ 背景颜色:红色; }

狗{ 背景颜色:绿色; }

1 个答案:

答案 0 :(得分:0)

如果添加“ table_class_list”,则意味着您可以在对话框中看到这些类列表。右键单击表并打开表属性,然后选择它并应用它。

根据设计,该选项使您可以指定要在表格选项对话框中显示的类的列表

谢谢。