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自己的默認表格樣式

回答

相關問題