createFCK函數,FCKEditor編輯器在輕開平臺中的使用例子二

引入fckeditor編輯器入口文件

<chtml file="editors/fckeditor/fckeditor.htm" />

如果會話中用戶ID(user_id)爲空(未登錄),則臨時設一個ID,方便上傳文件(圖片等)

<if x="@{session:user_id}">
    <session><we name=user_id>0</we></session>
</if>

表單部分的代碼

<form id="Edoit_Form" method="post" action="@{sys:path}@{sys:curPath}editor_fck_save.chtml">
...
</form>

請注意仍然是提交上一條博客所述的editor_fck_save.chtml網頁
添加您需要的其他字段

<input name="title" value="您的標題" style="display:none" />

引入FCKEditor編輯器的腳本

setFCKHeight(300);//編輯器高度
//setFCKTool("Coder");
//setFCKTool("Basic");
//setFCKValue("");
window.onload = createFCK('content');//用函數 createFCK("content") 新建編輯器,默認文本域名稱爲"content"

請注意函數變成了createFCK(‘content’)
重寫內容的函數

doReset = function ()
{
    //document.getElementById('Edoit_Form').reset();
    FCKeditorAPI.GetInstance('content').SetHTML("");
}

提交的函數

doSubmit = function ()
{
    //var tit = document.getElementById('title');
    //if(tit.value=="" || tit.value=="問題:")
    //{alert("有問題就提唄,不要客氣嘛!");tit.focus();return;}
    var oEditor = FCKeditorAPI.GetInstance('content');
    var oDOM = oEditor.EditorDocument;
    var des;
    if(document.all)        // If Internet Explorer.
        des = oEditor.EditorDocument.body.innerText;
    else{                   // If Gecko.
        var r = oDOM.createRange();
        r.selectNodeContents(oDOM.body);
        des = r.toString();
    }
    des = des.Trim();
    if(des=="")
    {alert("沒有內容啊,寫點唄!");return;}
    var frm = document.getElementById("Edoit_Form");
    frm.submit();
}

提交和重寫按鈕

<center><input type=reset name=reset value=重寫 onClick="doReset()" />&nbsp;&nbsp;<input type="button" value="提交" onClick="doSubmit()" /></center>

顯示效果
這裏寫圖片描述
全部代碼

<html>
<head>
<title>FCKEditor編輯器使用例子,createFCK("content")</title>
</head>
<body>
<h3>FCKEditor編輯器使用例子,createFCK("content")</h3>
<!-- 引入fckeditor編輯器入口文件 -->
<chtml file="editors/fckeditor/fckeditor.htm" />
<!-- 如果會話中用戶ID(user_id)爲空(未登錄),則臨時設一個ID,方便上傳文件(圖片等) -->
<chtml>
<if x="@{session:user_id}">
    <session><we name=user_id>0</we></session>
</if>
</chtml>
<!-- 提交的表單 -->
<form id="Edoit_Form" method="post" action="@{sys:path}@{sys:curPath}editor_fck_save.chtml">
<!-- 添加您需要的其他字段 -->
<input name="title" value="您的標題" style="display:none" />
<!-- 引入FCKEditor編輯器的腳本 -->
<script type="text/javascript">
setFCKHeight(300);//編輯器高度
//setFCKTool("Coder");
//setFCKTool("Basic");
//setFCKValue("");
window.onload = createFCK('content');//用函數 createFCK("content") 新建編輯器,默認文本域名稱爲"content"
//重寫內容的函數
doReset = function ()
{
    //document.getElementById('Edoit_Form').reset();
    FCKeditorAPI.GetInstance('content').SetHTML("");
}
doSubmit = function ()
{
    //var tit = document.getElementById('title');
    //if(tit.value=="" || tit.value=="問題:")
    //{alert("有問題就提唄,不要客氣嘛!");tit.focus();return;}
    var oEditor = FCKeditorAPI.GetInstance('content');
    var oDOM = oEditor.EditorDocument;
    var des;
    if(document.all)        // If Internet Explorer.
        des = oEditor.EditorDocument.body.innerText;
    else{                   // If Gecko.
        var r = oDOM.createRange();
        r.selectNodeContents(oDOM.body);
        des = r.toString();
    }
    des = des.Trim();
    if(des=="")
    {alert("沒有內容啊,寫點唄!");return;}
    var frm = document.getElementById("Edoit_Form");
    frm.submit();
}
</script>
<p>
<center><input type=reset name=reset value=重寫 onClick="doReset()" />&nbsp;&nbsp;<input type="button" value="提交" onClick="doSubmit()" /></center>
</p>
</form>
</body>
</html>

(例子文件:_samples/editor/editor_fck_create.html)在輕開平臺的_samples/editor目錄下

輕鬆互聯網開發平臺(Easy Do IT)資源下載
平臺及最新開發手冊免費下載:http://download.csdn.net/detail/tx18/8721317
開發實例:輕開B2C電子商務網站,免費下載:http://download.csdn.net/detail/tx18/8318585
輕開平臺會不定期升級爲大家提供更多強大而Easy的功能,請留意下載最新的版本:http://download.csdn.net/user/tx18

發佈了146 篇原創文章 · 獲贊 0 · 訪問量 57萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章