jquery - 为 tinyMCE 添加自定义表格样式

Question

我希望为 TinyMCE 添加自定义表格样式，如何指定表格/标题/行的样式？

    <table class="tdata " border="0" cellpadding="0" cellspacing="0" 
width="600" style="margin-top: 8px; font-family: tahoma, arial, sans-serif; 
width: 600px; color: #000000;">




<th style="margin: 0px; padding: 2px 0px; border-top-width: 2px; 
border-top-style: solid; border-top-color: black;
border-bottom-width: 2px; border-bottom-style: solid; 
border-bottom-color: #aaaaaa; vertical-align: bottom; 
font-size: 10px; width:144px; text-align:center;">Company</th>


     formats : {

     customformat : {inline : 'span', styles : {verticalAlign: 'middle',
 borderWidth: '0px 0px 1px', borderStyle:'none none solid', 
borderbottomcolor: '#aaaaaa', fontFamily: 'tahoma, arial,
 sans-serif', fontSize: '10px', color: '333333'}, attributes : 
{title : 'My custom format'}}
            },

Answer 1

您可以将自己的 css 文件添加到编辑器 iframe 头中，然后将其应用于编辑器内容。要包含此 css 文件，您只需使用 tinymce 配置参数content_css

tinyMCE.init({
        ...
        content_css : "http::/your_server/your_css/your_custom_content.css"    
});

Answer 2

尝试添加以下内容

\config\tinyMceConfig.config

<config>

<config key="extended_valid_elements">table[class=tdata]</config>

</config>

等等