TinyMCE

TinyMCE是一個(gè)輕量級的基于瀏覽器的所見即所得編輯器，由JavaScript寫成。它對IE6+和Firefox1.5+都有著非常良好的支持。功能方面雖然不能稱得上是最強(qiáng)，但絕對能夠滿足大部分網(wǎng)站的需求，并且功能配置靈活簡單。另一特點(diǎn)是加載速度非常快，如果你的服務(wù)器采用的腳本語言是PHP，那還可以進(jìn)一步優(yōu)化。最重要的是，TinyMCE是一個(gè)根據(jù)LGPL license發(fā)布的自由軟件，你可以把它用于商業(yè)應(yīng)用。

安裝說明[ ]

TinyMCE的安裝很簡單，只需按照下面的說明。我們提供幾個(gè)整合TinyMCE的例子，你應(yīng)該先看看TinyMCE的廣泛配置選項(xiàng)。

安裝需求

除了瀏覽器兼容性TinyMCE沒有直接的需求，當(dāng)然，需要Javascript的支持；

后臺不需要TinyMCE代碼；

TinyMCE可以使用HTML表單的textarea作為工作區(qū)域，當(dāng)提交表單時(shí)，你可以讓你的系統(tǒng)操作textarea的內(nèi)容，例如保存HTML代碼到數(shù)據(jù)庫或文件。前臺也可以使用已經(jīng)存在的內(nèi)容初始化，以便可以進(jìn)行更改。參考配置選項(xiàng)、一般配置、模式了解更多信息。

Windows下具體Apache配置

你可能會在Windows下安裝時(shí)遇到如tinyMCE沒有定義或?qū)傩粤斜砗笕鄙佟皚”的錯(cuò)誤。

問題是由默認(rèn)的Apache選項(xiàng)EnableSendfile導(dǎo)致，你必須在httpd.conf文件中，去掉EnableSendfile選項(xiàng)前面的“#”，將該EnableSendfile關(guān)閉。

附注：TinyMCE沒有定義或丟失也有可能是因?yàn)槟銢]有在頁面Header中指定正確的js路徑。檢測js路徑正確之前，先改變Apache的設(shè)置。

下載

到下載地址1上下載。

解壓

在Windows下你可以使用諸如winzip或其他類似軟件解壓，其他系統(tǒng)如Linux系統(tǒng)，只需使用tar命令就可以解壓。你可以找到如何在linux下解壓存檔文件的例子。

你應(yīng)該將TinyMCE解壓到wwwroot目錄或網(wǎng)站的根目錄下。

使用shell解壓的示例:

$ cd wwwroot
$ gzip -d tinymce_1_44.tar.gz
$ tar xvf tinymce_1_44.tar

解壓后的文檔結(jié)構(gòu):

/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/<plugin folders>
/tinymce/jscripts/tiny_mce/themes/
/tinymce/jscripts/tiny_mce/themes/advanced/
/tinymce/jscripts/tiny_mce/themes/default/
/tinymce/jscripts/tiny_mce/themes/simple/

站點(diǎn)配置

解壓完成后，你需要編輯頁面，包括TinyMCE的配置及Javascript。請注意，你或許應(yīng)該在需要的頁面中添加TinyMCE的javascript引用，而不是站點(diǎn)的所有頁面都需要。注意要正確的知道js文件的路徑。

最基本的XHTML 1.1頁面整合（將頁面中所有textarea元素轉(zhuǎn)化為編輯器）

請?jiān)跍y試下面的代碼前務(wù)必閱讀兩個(gè)注釋（<!—開始）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<title>TinyMCE Test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
     mode : "textareas"
});
</script>
</head>
<body>
<form method="post" action="show.php">
    <p>	
       <textarea name="content" cols="50" rows="15">This is some content that will be editable with TinyMCE.</textarea>
       <input type="submit" value="Save" />
     </p>
 </form>
</body>
</html>

本例中的保存按鈕將textarea的內(nèi)容發(fā)生給show.php文件，該文件會簡單的顯示提交的內(nèi)容，如果你的代碼形如（當(dāng)然你也可以更加需要的將內(nèi)容寫入文件或數(shù)據(jù)庫）：

<?php
/* post.php : this page shows what insert.php has sent */
echo(stripslashes($_POST['content']));
?>

添加多個(gè)按鈕

稍微改動一下代碼：

<script type="text/javascript">
tinyMCE.init({
    mode : "textareas"
});
</script>

改為：

<script type="text/javascript">
tinyMCE.init({
theme : "advanced",
mode : "textareas",
plugins : "fullpage",
theme_advanced_buttons3_add : "fullpage"
});
</script>

結(jié)論：這一部分將控制編輯器的外觀和功能，你可以根據(jù)TinyMCE:Configuration，結(jié)合自己的實(shí)際來進(jìn)行配置。

插件開發(fā)[ ]

TinyMCE插件開發(fā)

久久精品水蜜桃av综合天堂,久久精品丝袜高跟鞋,精品国产肉丝袜久久,国产一区二区三区色噜噜,黑人video粗暴亚裔

WIKI使用導(dǎo)航

站長百科導(dǎo)航

站長專題

TinyMCE

目錄

安裝說明[ ]

插件開發(fā)[ ]

相關(guān)資源[ ]

相關(guān)條目[ ]

參考來源[ ]