如何在tinymce中使用javascript在表上添加類？

Question

我有一些問題需要在表上添加類。 我想這個代碼

<table></table>

成爲在TinyMCE的點擊一個按鈕，這個代碼。

<table class="try-class"></table>

我有添加按鈕，仍然不能解決如何在TinyMCE的表格插件添加代碼。 謝謝... :)

Answer 1

看那style_formats選項TinyMCE的配置文件：

https://www.tinymce.com/docs/configure/content-formatting/#style_formats

您可以定位到特定的標籤爲相關的您要添加的樣式。例如：

style_formats: [ 
    {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}}, 
    {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}}, 
    {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}  
] 

...將允許你一個類tablerow1添加到編輯器內的<tr>標籤。