TinyMCE自己的默认表格样式

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

这是怎么看的那一刻： https://img.skitch.com/20111226-f4wgp8kudx45t6e2s17yse4cq6.jpg

这是应该的样子末（“Tircia风格”应该是默认值）： https://img.skitch.com/20111226-dcf3t3w7qxagst1xgr2ieas26b.jpg

图片均来自TinyMCEforum 。

来源

2012-06-26 tschomue

您的图片链接是没用的，他们需要登录才能访问。请将照片放置在公共图片托管网站上并编辑您的问题。 –

在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-26 09:07:43 Thariama

感谢您的回复，但我在哪里可以找到tables.js？在表插件目录中只有一个table.js（没有“s”），在那里我找不到上面的代码:( – tschomue

我有同样的问题，我试图通过传递配置或更改库的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>

，应始终传递table_styles到初始配置时，我们开始TinyMCE的。

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

这不是理想的解决方案，但它现在可行。我希望TinyMCE开发人员能够提供配置选项来控制未来版本中的选择控制。

来源

2013-03-07 15:39:45

如果您使用unminified 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-08 17:03:01

不要修改核心文件。我意识到以前没有选择，但在TinyMCE 4.x中，现在有一种方法可以使用table_default_styles来设置默认表格样式。

http://fiddle.tinymce.com/iUeaab

来源

2015-07-28 07:06:34 Archonic

当初始化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;

其它样式可以在这里找到 - link

来源

2016-01-17 11:10:14 iajnr

TinyMCE自己的默认表格样式

回答

相关问题