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

时间: 2024-10-19 10:23:29

createFCK函数,FCKEditor编辑器在轻开平台中的使用例子二的相关文章

rTextarea函数,FCKEditor编辑器在轻开平台中的使用例子三

引入fckeditor编辑器入口文件(跟前边的例子一样) <chtml file="editors/fckeditor/fckeditor.htm" /> 用户会话临时设置 <if x="@{session:user_id}"> <session><we name=user_id>0</we></session> </if> 表单部分 <form id="Edoit_

newFCK函数,FCKEditor编辑器在轻开平台中的使用例子

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

KFCEditor在轻开平台中的次等基(鸡)例子二

引入fckeditor编辑器入口文件如果会话中用户ID(user_id)为空(未登录),则临时设一个ID,方便上传文件(图片等) 0 表单部分的代码 http://www.yiwenbaida.com/beijing/ershoufang/14177509.html http://www.yiwenbaida.com/beijing/wujin/14177500.html http://www.yiwenbaida.com/beijing/riyong/14177459.html http://

一行代码保存fckeditor编辑器提交的内容到文件(接上一博)

接上一博,在轻开平台中,只需要一行代码就能把fckeditor编辑器提交的内容保存到文件 <file value="@{pPage:content}">@{sys:curPath}editor_fck_new_content.htm</file> 或 <file bag=pPage key=content>@{sys:curPath}editor_fck_new_content.htm</file> 解释一下: file:文件功能标签 v

为zblog FCKeditor编辑器添加设置字体格式h1 h2功能

FCKeditor编辑器能满足基本的文章编辑要求,且使用起来并不复杂,所以FCKeditor的用户比较多,例如dedecms的编辑器便是FCKeditor,zblog的默认编辑器也是FCKeditor,不过用了dedecms的编辑器才知道,zblog的编辑器像是阉割版的FCKeditor,因为工具条上有许多标签都没有显示,例如字体格式.锚链接等等.本文讲的便是如何为zblog FCKeditor编辑器添加字体格式. 字体格式是什么? 如果你还不了解何谓字体格式,那么你总听说过h1.h2.h3..

在Inspector 中 设置添加回调函数 - Unity3d编辑器扩展

在做一些开场动画或者其它指定事件触发 一类功能时,需要在编辑环境下设置添加回调函数. 一开始尝试直接使用delegate 来编写,测试发现没有效果,在谷歌搜索到Unity论坛有人提到 delegate 不能被序列化到Inspector 中使用,建议使用 UnityEvent . UnityEvent ,其实在UGUI中经常用到,只是平时不知道是它. 比如按钮的点击事件就是 直接从 UGUI Button 的源代码中搬运出来. 先提供一个带有 UnityEvent 的类 TimeEventPlug

【JS获取与设置】FCKeditor编辑器的值

// 获取编辑器中HTML内容 function getEditorHTMLContents(EditorName) {     var oEditor = FCKeditorAPI.GetInstance(EditorName);     return(oEditor.GetXHTML(true)); } // 获取编辑器中文字内容 function getEditorTextContents(EditorName) {     var oEditor = FCKeditorAPI.GetIn

使用kindeditor来替换ecshop的fckeditor编辑器,让ecshop可以批量上传图片

老杨原创 kindeditor此编辑器可以让ecshop批量上传图片,可以插入代码,可以全屏编辑,可以插入地图.视频,进行更多word操作,设置字体. 步骤一:进入kindeditor的官网,http://kindeditor.net/index.php下载最新的编辑器版本,将文件上传到网站includes/目录下,注意,不要有多余的目录,要可以访问到includes/kindeditor/kindeditor-min.js 步骤二: 1.修改admin/includes/lib_main.ph

phpcmsv9修改fckeditor编辑器为ueditor编辑器

在phpcmsv9的目录中找到phpcms/libs/classes/form.class.php文件 找到这几行代码 <span style="font-size:18px;">// $str = '<script type="text/javascript" src="'.JS_PATH.'ckeditor/ckeditor.js"></script>'; // define('EDITOR_INIT',