TinyMCE - Javascript WYSIWYG Editor
TinyMCE是一個輕量級的基於瀏覽器的WYSIWYG Editor,由JavaScript所寫成。WYSIWYG Editor的意思為所見即所得的編輯器,指的是編輯器輸出的結果就是和編輯器上的

畫面一樣,可用在做線上的網頁內容編輯。
它對IE和Firefox都有著非常良好的支持。功能方面雖然不能稱得上是最強,但絕對能夠滿足大部分網站的需求,並且功能配置靈活簡單。另一特點是加載速度非常快,如果你的

伺服器採用的語言是 PHP,那還可以進一步優化。最重要的是,TinyMCE是一個根據LGPL license發布的自由軟體,你可以把它用於商業應用。

安裝的方式也很簡單,並不需要麻煩的設定。

1.從官方網站下載TinyMCE的Main package壓縮檔,解壓縮後建立以下的目錄結構
/tinymce/
/tinymce/docs/
/tinymce/docs/zh_cn/
/tinymce/examples/
/tinymce/examples/zh_cn/
/tinymce/jscripts/
/tinymce/jscripts/tiny_mce/
/tinymce/jscripts/tiny_mce/langs/
/tinymce/jscripts/tiny_mce/plugins/
/tinymce/jscripts/tiny_mce/plugins/
/tinymce/jscripts/tiny_mce/themes/
/tinymce/jscripts/tiny_mce/themes/advanced/
/tinymce/jscripts/tiny_mce/themes/default/
/tinymce/jscripts/tiny_mce/themes/simple/

其中docs目錄下是TinyMCE的說明文件,examples目錄下是4個範例頁面,而jscripts目錄下則是JavaScript文件。實際使用時候只需要將jscripts目錄上傳到服務器上即可。

2、然後在需要使用TinyMCE的網頁裡加入下面的JavaScript碼:





網頁與jscripts目錄要處於同一目錄下,否則要修改路徑。
在網頁中使用的標籤就可以在網頁上顯示出TinyMCE。
上面的JavaScript碼只是簡單的範例,若要有更多編輯功能可以另外再加上去。
arrow
arrow
    全站熱搜

    jin75121 發表在 痞客邦 留言(0) 人氣()