1

我想在 TinyMCE 编辑器（Moodle 2.2.3 中的 3.4.9 版本）中将自己的表格样式设置为默认样式。现在，我的新样式显示在下拉列表中，但我无法将其作为默认表格样式。默认值始终是“-- not set --”，这意味着不会使用表格样式。

这是目前的样子： https ://img.skitch.com/20111226-f4wgp8kudx45t6e2s17yse4cq6.jpg

这就是它最后的样子（“Tircia Style”应该是默认的）： https ://img.skitch.com/20111226-dcf3t3w7qxagst1xgr2ieas26b.jpg

图片来自 TinyMCE 论坛。

4

5 回答 5

2

初始化 tinymce 时，请将路径添加到新的 css 文件，该文件将定义编辑器中使用的样式。 

tinymce.init({
        content_css: [
        '/css/innerLayout.css'
      ]
});

表格的 innerLayout.css 的一些示例样式 - 

.mce-content-body table{width:100%;border-spacing:0;border-collapse:separate;border:0}
.mce-content-body table tr:nth-child(even){background:#FAFAFA}
.mce-content-body table caption,.mce-content-body table td,.mce-content-body table th{padding:15px 7px;border:0;font:inherit}
.mce-content-body table th{font-weight:400;color:#6E6E6E;border-bottom:2px solid #B9B9B9!important;

其他样式可以在这里找到 -链接

于 2016-01-17T11:10:14.970 回答
1

不要修改核心文件。我意识到以前没有选择，但是在 TinyMCE 4.x 中，现在有一种方法可以使用table_default_styles.

http://fiddle.tinymce.com/iUeaab

于 2015-07-28T07:06:34.970 回答
0

如果您使用的是未缩小的 tinyMCE.js，则可以编辑 plugin.js(\tinymce\js\tinymce\plugins\table\plugin.js)。在当前版本中，它是第 1872 行。我添加以使默认表格样式响应。

html = '<div class="table-responsive"><table class="table"><tbody>';  // line 1882 or 1916
html += '</tbody></table></div>'; // line 1884 or 1928
于 2014-04-08T17:03:01.337 回答
0

我有同样的问题，我试图通过传递配置或更改库 JavaScript 文件来解决它。table.js我开始对（/tiny_mce/plugins/table/js/table.js）进行逆向工程。但是，没有运气。

所以，我去了table.htm（/tiny_mce/plugins/table/table.htm），这是表格插件模式对话框的模板文件。{#not_set}从选择控件中注释掉预设选项。

<tr id="styleSelectRow">
    <td><label id="classlabel" for="class">{#class_name}</label></td>
    <td colspan="3">
        <select id="class" name="class" class="mceEditableSelect">
            <!--<option value="" selected="selected">{#not_set}</option>-->
        </select>
    </td>
</tr>

现在，当我们启动 TinyMCE 时，您应该table_styles始终传递到初始配置。

var varTimyMCE = $("textarea").tinymce({
    table_styles : "Custom 1=classTable1",
});

这不是理想的解决方案，但它现在有效。我希望 TinyMCE 开发者在未来的版本中提供配置选项来控制选择控件。

于 2013-03-07T15:39:45.713 回答
0

在 tables.js 中添加以下代码：

 function init() {
   settings = tinyMCE.settings;       
   settings["table_styles"] =  "default1=red;default2=blue;" + settings["table_styles"];
   tinyMCE.settings["table_styles"] = settings["table_styles"];
于 2012-06-26T09:07:43.750 回答