Avril Note

http://big5.chinaz.com:88/chinaz.com/Design/Pages/102453952006.html　

HTML在線編輯器不需要懂得使用Dreamweaver，會用Word就會使用此編輯器，在文章係統或者是新聞係統需要文字編輯的web程序中非常實用。

　　但是如何將html編輯器嵌入到web頁中和怎么取得裏面的數據呢？！

　　首先我們假定我們所要調用得HTML在線編輯器放在一個單獨得頁面中，文件名是gledit.htm。

　　HTML在線編輯器有兩種基本調用方法

　　一、使用object調用：

　　1、怎么在web頁中嵌入html編輯器：我們在需要嵌入得位置加入以下html代碼：<object id=doc_html data="gledit.htm" width=530 height=320 type=text/x-scriptlet VIEWASTEXT></object>

　　其中object標簽裏面得data後面接得數據就是我們所要調用得在線編輯器頁得路徑，id就是我們調用object得id，後面取編輯器中得數據時就要用到這個id。Width和height就是編輯器得高度和寬度了。

　　2、怎么取得html編輯器中的數據：所有需要提交的內容我們都是放在一個表單裏面，同樣利用 object調用的編輯器也放在這個表單裏面，同時我們可以設置一個隱藏的文本區域(<textarea name="content" style="display:none"></textarea>或<INPUT TYPE="hidden" name="content">)用以在提交的時候臨時保存html在線編輯器的數據，因為在asp或者jsp，php中不能直接獲取表單中的 object的內容，所以我們必須借助隱藏文本區域來獲取數據。我們在表單提交的同時將object裏面的內容復制到隱藏的文本區域中。詳細代碼如下：

　　<script language="javascript">

　　function CheckForm()

　　{

　　document.form1.content.value=document.form1.doc_html.value;

　　}

　　</script>

　　<form method="post" action="add_news_save.asp" onsubmit="CheckForm()" name="form1">

　　<object id=doc_html name= doc_html style="LEFT: 0px; TOP: 0px" data=" gledit.htm" width=530 height=320 type=text/x-scriptlet VIEWASTEXT></object>

　　<input type="hidden" name="content" >

　　</form>

　　這樣在後臺處理的頁面中我們就可以直接通過取隱藏區域content的數據來獲取html在線編輯器的數據。


http://translate.google.com.tw/translate?hl=zh-TW&sl=zh-CN&u=http://edu.cnzz.cn/NewsInfo/22476.aspx&ei=vRhDS6yUI4ygkQWyreiACQ&sa=X&oi=translate&ct=result&resnum=9&ved=0CCgQ7gEwCA&prev=/search%3Fq%3D%25E7%25B7%25A8%25E8%25BC%25AF%25E5%2599%25A8%2Bhtml%25E4%25BD%25BF%25E7%2594%25A8%25E6%2596%25B9%25E5%25BC%258F%26hl%3Dzh-TW%26client%3Dfirefox-a%26rlz%3D1R1GGLL_zh-TW___TW359%26hs%3D4S7%26sa%3DG


http://www.aim.net.tw/lenny/admin/index.php