我可以通过TinyMCE为表设置CSS类吗

时间:2015-04-24 作者:Arrovil

我正在使用TinyMCE插件。现在我需要为表设置css类。我在上找到了一些信息http://www.tinymce.com/wiki.php/Configuration:table_class_list . 但我如何在wordpress的TinyMCE插件中应用它呢?或者有更好的解决方案来为TinyMCE中的表设置css类?

1 个回复
SO网友:bueltge

这可以通过自定义插件实现,但需要付出很多努力。

我喜欢前端css的方式。enter image description here

TinyMCE中的table按钮创建了一个默认表,没有类,如:

<table>
    <tr>
        <td>Text</td>
        <td>Text</td>
        <td>Text</td>
    </tr>
    <tr>
        <td>Text</td>
        <td>Text</td>
        <td>Text</td>
    </tr>
    <tr>
        <td>Text</td>
        <td>Text</td>
        <td>Text</td>
    </tr>
</table>
下面是一个简单的示例,可以为每个raw中的不同颜色设置此格式。

table{
    color: #111;
    width: 100%;
    margin: 2px auto;
    padding: 0;
    border: 1px solid #eee;
    border-collapse:collapse; 
}
table td{ 
    padding: 7px;
    border: 1px solid #eee;
}
/* provide some minimal visual accomodation for IE8 and below */
table tr{
    background: #eee;
}
/*  Define the background color for all the ODD background rows  */
table tr:nth-child(odd){ 
    background: #eee;
}
/*  Define the background color for all the EVEN background rows  */
table tr:nth-child(even){
    background: #fff;
}

结束

相关推荐

点击即可关闭TinyMCE插件窗口

我创建了一个小插件,在TinyMCE工具栏上添加了一个按钮。单击会打开一个弹出窗口,通过editor.windowManager.open(). 通过(1)单击“取消”或“确定”按钮,或(2)按esc 钥匙我想知道如何通过点击关闭插件的弹出窗口(例如,如果我点击弹出窗口外的TinyMCE覆盖)。WP的插入/编辑链接会触发一个具有该功能的弹出窗口,但据我所知,该插件使用一个自定义对话框,我希望有一个TinyMCE API方法/属性可以实现这一点,但文档非常简洁。这是我的插件,供参考:(function()