createFCK函数，FCKEditor编辑器在轻开平台中的使用例子二

最新推荐文章于 2024-04-26 11:14:01 发布

boy

最新推荐文章于 2024-04-26 11:14:01 发布

阅读量1.8k

点赞数 4

分类专栏：轻开平台 Easy do it（原WebEasy平台） Web开发 java 文章标签：编辑器 fckeditor 上传文件 web开发轻开平台

本文链接：https://blog.csdn.net/tx18/article/details/45923145

版权

java 同时被 3 个专栏收录

129 篇文章 0 订阅

订阅专栏

Web开发

124 篇文章 0 订阅

订阅专栏

轻开平台 Easy do it（原WebEasy平台）

117 篇文章 0 订阅

订阅专栏

引入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

boy

关注

4
点赞
踩
0

收藏

觉得还不错? 一键收藏
6
评论
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>表单部分的代码<f
复制链接

扫一扫