2012-09-14 77 views
1

我想更改縮進按鈕的默認行爲。默認情況下,縮進按鈕將一個css樣式padding-left: 30px;添加到段落標記。我想將其更改爲margin-left: 20px或其他數字。如何自定義TinyMCE按鈕輸出

+0

這是不可能的,而不與插件代碼擺弄。 – Thariama

回答

2

我不確定沒有黑客入侵tinyMCE代碼是可能的。 http://www.tinymce.com/wiki.php/Configuration:style_formats

tinyMCE.init({ 
    ... 
    style_formats : [ 
     {title : 'Indented text', inline : 'p', styles : {marginLeft : '20px'}} 
    ] 
}); 

然後應用該樣式,而不是按縮進按鈕:如下所示的一個選擇可能是使用自定義樣式。

+0

謝謝!我雖然實施了一點不同。我最終使用格式http://www.tinymce.com/wiki.php/Configuration:formats代替。僅僅因爲點擊一個鏈接更類似於推按鈕。 '格式:{indent:{selector:'p',styles:{marginLeft:'20px'}}}'帶鏈接'[Indent] [Unindent]' – latca

2

「縮進」設置可讓您配置金額。 「indent_use_margin」在2014年1月加入的選項,讓你切換的CSS屬性:https://github.com/tinymce/tinymce/pull/290

我需要這個,因爲我們使用TinyMCE的讓用戶編輯HTML郵件和電子郵件客戶端(ESP Outlook)中是臭名昭著約參差不齊的CSS支持。

實施例:

tinymce.init({ 
     indent_use_margin: true, 
     indentation: 20, 
+0

應該被接受爲正確 – theEpsilon