2013-04-16 70 views
4

是否存在相當於theme_advanced_blockformats選項的「現代主題」(換句話說,tinymce 4)?只允許tinymce 4中的某些格式現代主題?

theme_advanced_blockformats允許您通過添加限制設定可用的格式如下,以tinymce.init()

tinyMCE.init({ 
    ... 
    theme_advanced_blockformats : "p,div,h1,h2,h3,h4,h5,h6,blockquote,dt,dd,code,samp" 
}); 

TinyMCE theme advanced block formats

我知道,它可能明確指定哪些格式可通過傳遞選項爲tinymce.init(),如下所示:

tinyMCE.init({ 
    ... 
    formats : 
      bold : {inline : 'span', 'classes' : 'bold'}, 
      italic : {inline : 'span', 'classes' : 'italic'}, 
      underline : {inline : 'span', 'classes' : 'underline', exact : true}, 
    } 
}); 

TinyMCE formats

不幸的是,這需要很多關於每種格式的實現方式,我沒有。

任何建議的話?

+0

你想限制格式,添加新的還是兩者?我想你可能能通過'formats'塊得到相應的結果。我相信可用的格式在4.x中被控制在覈心中,而不是主題。 – Archonic

回答

0

該文檔現在有點多斑點,但您可以控制什麼是有效的塊以及使用valid elements來定義塊的默認屬性。聲明允許的塊和默認樣式現在取決於TinyMCE核心而不是主題。 valid_elements聲明允許的塊,extended_valid_elements聲明允許的塊的默認屬性。

tinymce.init({ 
    selector: "textarea", 
    valid_elements : "a[href|target=_blank],strong/b,div[align],br", 
    extended_valid_elements: "img[class=myclass|!src|border:0|alt|title|width|height]", 
    invalid_elements: "strong,b,em,i" 
}); 
+0

隨意接受左側數字下箭頭的答案。 – Archonic

+0

對不起,這已經很久了。 'valid_elements'似乎只將返回的HTML的輸出限制爲一個子集,並不限制編輯爲'theme_advanced_blockformats'時可用的格式。無論如何,感謝您的幫助! – Bacon

+0

更新了我的答案。希望能幫助到你。 – Archonic

4

這是最新的TinyMCE版本(4.1.3)的。 雖然「block_formats」設置文件這一功能,我只能得到這個利用工作如下:

tinymce.init({ 
    selector: "textarea", 
     style_formats: [ 
     {title: 'Paragraph', block: 'p'}, 
     {title: 'Heading 2', block: 'h2'}, 
     {title: 'Heading 3', block: 'h3'}, 
     {title: 'Heading 4', block: 'h4'}, 
    ], 

}); 

這是Tinymce documented custom formats語法的一個簡單的例子。