1. 程式人生 > >TinyMCE段落縮排功能修改

TinyMCE段落縮排功能修改

最近開始使用TinyMCE作為手頭一個小專案的線上編輯器,在測試過程中,遇到一個小問題:TinyMCE預設的段落縮排功能採用的方法是在標籤中插入padding-left:30px樣式。而通常我們需要的功能是段落首行縮排兩個中文字元的空白,經過嘗試,只需對timy_mce.js中的程式碼作很小的改動就可以實現這樣的功能,具體是把上述js檔案中所有的paddingLeft改為textIndent(共有6處),然後引用編輯器的時候在tinyMCE.init()中加入indentation : '2em',配置行。上述改動涉及到timy_mce.js中以下三個函式的定義:Indent : function()

Outdent : function()queryStateOutdent : function()

當然,更簡便的辦法是不用TinyMCE提供的縮排程式碼,直接在頁面中寫 p { text-indent:2em; }這樣的樣式來控制,但這樣做的缺點是使內容中所有的段落都縮排兩個字元,而我想要的是可以手動控制縮排,因為並非所有的段落都需要縮排。

我使用的版本是:TinyMCE3.2.0