歡迎光臨, 訪客. 請先 登入註冊一個帳號.
十一月 14, 2018, 08:30:01 上午
19594 文章 在 3864 主題 由 4580 會員
最新註冊會員: aa123aa1
LifeType 中文開發論壇  |  支援  |  安裝與設定  |  安裝與設定精華區  |  Lifetype幾樣功能修改整理 « 上篇主題 下篇主題 »
頁: [1]
作者 主題: Lifetype幾樣功能修改整理  (閱讀 13279 次)
hoher
新手見習
*
文章: 26


檢視個人資料 個人網站
« 於: 一月 18, 2007, 03:37:13 下午 »

最近為自己的LT改了一些功能,搜尋了不少網站,包含LT中文論壇還有網友部落格(如lss,james,華龍國小,
阿駕零零壹....等),終於順利都改完了,因為在找的過程連來連去之前,其實花了不少時間,
於是趁這次機會把文章整理一下給有需要的網友,希望能幫上各位的忙!!
以下資料供各位參考,若有錯誤還請糾正!!

Lifetype Version: 1.0.6  (我是從0.32 => 1.03 => 1.04 => 1.06)
空間:Dreamhost , PHP5.x



**加入部落格聯播

Step1:至http://www.newsgator.com/ 註冊帳號
申請與新增的方式就不多說了,因為網路上有不少教學,請用Yahoo搜尋NEWSGATOR教學即可,
下面這一個部落格是我搜尋到的,各位可以參考
http://blog.pixnet.net/bd19801126/post/1748821

Step2:修改模版
Newsgator設定好後,在My Setting=>Edit Locations=>Headlines 的地方可以看見你的代碼
例如我的是 <script src="http://services.newsgator.com/ngws/headlines.aspx?uid=321512&mid=1"></script>
(裡面的321512即是我的代碼)

然後將這一串直接加到你的模版即可,我的是ShadedGrey
修改 panel.template 並在你想擺的地方加入以下即完成
<li>
<h2>Blog聯播</h2>
<ul>
<script src="http://services.newsgator.com/ngws/headlines.aspx?uid=321512&mid=1"></script>
</ul>
</li>

範例參考  http://hoher.idv.tw/plog/index.php?blogId=1 右下的Blog聯播



**將後端的編輯器htmlarea改成tinymce
請參考lss的部落格文章
http://blog.nlhs.tyc.edu.tw/post/2/22

因為lss實在寫的很詳細,應該不需要多做補充了!!
ps:假設你不是在抓lss裡面的tinymce而是至官方網站抓的,
官方網站裡的plugin會少了insertresource這一個,可以從lss提供的檔案抓出



**在編輯文章時能夠以內嵌(embed)撥放器
Step 1:修改tiny_mce-plog.js
修改 tiny_mce-plog.js
在 extended_valid_elements : 後方加入 embed[EnableContextMenu|src|autostart|loop|width|height]
如下:
extended_valid_elements : "a[class|name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style],embed[EnableContextMenu|src|autostart|loop|width|height]",

參考文章:
lifetype中文論壇文章
http://forum.lifetype.org.tw/index.php?topic=1445.msg8496#msg8496

Step 2:替換tiny_mce-plog-resourcelist.js
請參考lifetype中文論壇文章
http://forum.lifetype.org.tw/index.php?topic=1700.0
或james的文章
http://stu.dhjh.tp.edu.tw/plog/index.php?op=ViewArticle&articleId=978&blogId=3

範例:
http://hoher.idv.tw/plog/index.php?op=ViewArticle&articleId=1078&blogId=1



**為迴響區加入Tinymce的功能

我是參考lss的blog教學,如下:
http://blog.nlhs.tyc.edu.tw/post/2/63

Step 1:
系統調整設定,請參考lss的文章

Step 2:
在模版檔案commentform.template的最上面加入下面兩行
<script language="javascript" type="text/javascript" src="{$url->getBaseUrl()}/js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript" src="{$url->getBaseUrl()}/js/tinymce/jscripts/tiny_mce/tiny_mce-commentform.js"></script>

並將slime的plugin語法刪除,因為tinymce已經有內建表情符號,故我便把原來的表情符號plugin語法刪除

Step 3:
將下面內容存成 tiny_mce-commentform.js,並放在 /js/tinymce/jscripts/tiny_mce/ 目錄
(放置的路徑要與Step1的第二行相同)

tinyMCE.init({
mode : "textareas",
//theme : "advanced",   // 這個是預設值,所以可以省略!
relative_urls : false,       // 網址不使用相對路徑。
plugins : " emotions",    // 啟用表情符號外掛。要加入其他外掛,則是用逗號分隔。請參考這裡。
theme_advanced_buttons1 : ""          // 依序加入 粗/斜/底/刪/縮排/凸排/連結/取消連結/表情符號
    +"bold,italic,underline,strikethrough,outdent,indent,link,unlink,emotions",
theme_advanced_buttons2 : "",         // 第二工具列不要按鈕。
theme_advanced_buttons3 : "",         // 第三工具列不要按鈕。
language : "zh_tw",                            // 使用繁體中文語系。請確認你有語系檔,我是自己做的中文化,沒做完。
theme_advanced_toolbar_location : "top",      // 工具列靠上。
theme_advanced_toolbar_align : "left",           // 工具列靠左。
force_p_newlines : false                     // 讓按 Enter 由 <p> (段落) 改成 <br> (換行) 。請參考這裡。
force_br_newlines : true                     // 但改好後發現在打文字時無法段行,才發現要另外加入
})

force_br_newlines : true 是後來發現無法斷行,在該篇文章的迴響區看到解決方法的!!!
language : "zh_tw",      我的則是改成 zh_tw_utf8(參考Step4)
theme_advanced_buttons1 : 增加功能 (參考Step6)

Step 4:將語系檔放置相對目錄
我的目錄為==>/js/tinymce/jscripts/tiny_mce/langs/
我在step2裡的設定為language : "zh_tw_utf8",故將原本舊版tinymce裡的語系檔
zh_tw_utf8.js 放到相對目錄,新版沒這個語系

Step 5: 修改表情符號(非必要步驟)
因為對於內建的表情符號覺得笑點不夠,所以自行到網路上的一些討論版抓取圖檔
把原把tinymce裡的表情符號皆修改掉,表情符號放置的路徑如下
/js/tinymce/jscripts/tiny_mce/plugins/emotions/images/
將下載下來的檔名修改成目錄裡的相對檔名即可

範例參考:下方迴響區
http://hoher.idv.tw/plog/index.php?op=ViewArticle&articleId=1080&blogId=1

Step6: 修改迴響區的功能選項(非必要)
我增加了插入圖片的功能,但這個功能是非必要,也有人建議不要增加
修改檔案 tiny_mce-commentform.js
如下
theme_advanced_buttons1 : ""          // 依序加入 粗/斜/底/刪/縮排/凸排/連結/取消連結/表情符號
    +"bold,italic,underline,strikethrough,outdent,indent,link,unlink,emotions",

在下方功能代碼加入要增加的功能,例如我加入插入圖片功能(image),修改如下
theme_advanced_buttons1 : ""          // 依序加入 粗/斜/底/刪/縮排/凸排/連結/取消連結/表情符號
    +"bold,italic,underline,strikethrough,outdent,indent,link,unlink,emotions,image",

如果還想加入更多的功能,你可以參考tiny_mce-plog.js裡的代碼來加入




****編輯區字體大小的調整

請參考阿駕零零壹的文章
http://twntwn.info/blog/ajer001/archives/553

修改時我是將所有font-size: 12px;
改成font-size: 14px;


以上感謝
lss http://blog.nlhs.tyc.edu.tw/2
James http://stu.dhjh.tp.edu.tw/plog/3
Jerome http://beb.anyday.com.tw/
阿駕零零壹 http://twntwn.info/blog/ajer001/
華龍國小Lifetype學習網 http://plog.hlps.tcc.edu.tw/plog/blog/2
« 最後編輯時間: 一月 18, 2007, 04:11:37 下午 由 hoher » 已記錄
ttaowng
新手見習
*
文章: 7


檢視個人資料
« 回覆文章 #1 於: 一月 18, 2007, 09:04:40 下午 »

好帖子,收藏先!
已記錄
jerome
新手見習
*
文章: 42



檢視個人資料 個人網站
« 回覆文章 #2 於: 一月 19, 2007, 07:51:43 上午 »

寫的真好!
讚!
已記錄

歡迎光臨,惡人最多之 BeB
http://beb.anyday.com.tw/
頁: [1]
LifeType 中文開發論壇  |  支援  |  安裝與設定  |  安裝與設定精華區  |  Lifetype幾樣功能修改整理 « 上篇主題 下篇主題 »
    前往: