四月 04, 2007

[HACK] 迴響使用 TinyMCE

引用文章自 曾老師的網路實驗室

以前網誌的文字編輯器不是TinyMCE,網路上有很多文章說明如何替換為TinyMCE。
同時就有人提出熱烈討論,如何將"回響"部份也改成使用TinyMCE。


目前的LifeType已經內建TinyMCE,但路徑和上述自行更改時稍有不同。所以關於回響部份也要做稍許修改。

作法:

我想要提供多一點功能,所以將以下部分程式碼存成 tiny_mce-commentform.js 然後上傳到自己設定且正在使用的網誌佈景資料夾中。

tinyMCE.init({
mode : "textareas",
//theme : "advanced", // 這個是預設值,所以可以省略!
relative_urls : false, // 網址不使用相對路徑。
plugins : " emotions", // 啟用表情符號外掛。要加入其他外掛,則是用逗號分隔。請參考這裡。
theme_advanced_buttons1 : "" // 第一工具列使用的按鈕
+"fontsizeselect,forecolor,backcolor,bold,italic,underline,strikethrough,separator,link,unlink",
theme_advanced_buttons2 : "bullist,numlist,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,outdent,indent,separator,hr,emotions", // 第二工具列使用的按鈕。
theme_advanced_buttons3 : "", // 第三工具列沒有使用按鈕。
language : "zh_tw_utf8", // 使用繁體中文語系。請確認你有語系檔,我是自己做的中文化,沒做完。
theme_advanced_toolbar_location : "top", // 工具列靠上。
theme_advanced_toolbar_align : "left", // 工具列靠左。
force_p_newlines : false // 讓按 Enter 由 <p> (段落) 改成 <br> (換行) 。請參考這裡。
})

接著編輯佈景中的 commentform.template 這個檔案

在最上面加上兩行
<script language="javascript" type="text/javascript" src="{$url->getBaseUrl()}/js/tinymce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript" src="{$url->getTemplateFile("tiny_mce-commentform.js")}"></script>

如此!大功告成

 


發佈者: 陳怡杰 老師 at 02:03│  點閱次數 (453)│ 修改文章管理迴響迴響 (0)部落格學習筆記
回應文章
(必要)
authimage