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

2024-04-29 10:32

本文主要是介绍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>
</if>
</chtml>

提交的表单

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

添加您需要的其他字段

<input name="title" value="您的标题" style="display:none" />

引入FCKEditor编辑器的脚本

<script type="text/javascript">
setFCKHeight(300);//编辑器高度
//setFCKTool("Coder");
//setFCKTool("Basic");
//setFCKValue("");
window.onload = newFCK();//用函数 newFCK() 新建编辑器,默认文本域名称为"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>

效果如图
这里写图片描述

完整代码

<html>
<head>
<title>FCKEditor编辑器使用例子,newFCK</title>
</head>
<body>
<h3>FCKEditor编辑器使用例子,newFCK</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 = newFCK();//用函数 newFCK() 新建编辑器,默认文本域名称为"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_new.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

这篇关于newFCK函数,FCKEditor编辑器在轻开平台中的使用例子的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/945849

相关文章

如何使用C#串口通讯实现数据的发送和接收

《如何使用C#串口通讯实现数据的发送和接收》本文详细介绍了如何使用C#实现基于串口通讯的数据发送和接收,通过SerialPort类,我们可以轻松实现串口通讯,并结合事件机制实现数据的传递和处理,感兴趣... 目录1. 概述2. 关键技术点2.1 SerialPort类2.2 异步接收数据2.3 数据解析2.

详解如何使用Python提取视频文件中的音频

《详解如何使用Python提取视频文件中的音频》在多媒体处理中,有时我们需要从视频文件中提取音频,本文为大家整理了几种使用Python编程语言提取视频文件中的音频的方法,大家可以根据需要进行选择... 目录引言代码部分方法扩展引言在多媒体处理中,有时我们需要从视频文件中提取音频,以便进一步处理或分析。本文

使用Dify访问mysql数据库详细代码示例

《使用Dify访问mysql数据库详细代码示例》:本文主要介绍使用Dify访问mysql数据库的相关资料,并详细讲解了如何在本地搭建数据库访问服务,使用ngrok暴露到公网,并创建知识库、数据库访... 1、在本地搭建数据库访问的服务,并使用ngrok暴露到公网。#sql_tools.pyfrom

使用mvn deploy命令上传jar包的实现

《使用mvndeploy命令上传jar包的实现》本文介绍了使用mvndeploy:deploy-file命令将本地仓库中的JAR包重新发布到Maven私服,文中通过示例代码介绍的非常详细,对大家的学... 目录一、背景二、环境三、配置nexus上传账号四、执行deploy命令上传包1. 首先需要把本地仓中要

Spring Cloud之注册中心Nacos的使用详解

《SpringCloud之注册中心Nacos的使用详解》本文介绍SpringCloudAlibaba中的Nacos组件,对比了Nacos与Eureka的区别,展示了如何在项目中引入SpringClo... 目录Naacos服务注册/服务发现引⼊Spring Cloud Alibaba依赖引入Naco编程s依

Java springBoot初步使用websocket的代码示例

《JavaspringBoot初步使用websocket的代码示例》:本文主要介绍JavaspringBoot初步使用websocket的相关资料,WebSocket是一种实现实时双向通信的协... 目录一、什么是websocket二、依赖坐标地址1.springBoot父级依赖2.springBoot依赖

MySQL中COALESCE函数示例详解

《MySQL中COALESCE函数示例详解》COALESCE是一个功能强大且常用的SQL函数,主要用来处理NULL值和实现灵活的值选择策略,能够使查询逻辑更清晰、简洁,:本文主要介绍MySQL中C... 目录语法示例1. 替换 NULL 值2. 用于字段默认值3. 多列优先级4. 结合聚合函数注意事项总结C

Java使用Mail构建邮件功能的完整指南

《Java使用Mail构建邮件功能的完整指南》JavaMailAPI是一个功能强大的工具,它可以帮助开发者轻松实现邮件的发送与接收功能,本文将介绍如何使用JavaMail发送和接收邮件,希望对大家有所... 目录1、简述2、主要特点3、发送样例3.1 发送纯文本邮件3.2 发送 html 邮件3.3 发送带

使用DeepSeek搭建个人知识库(在笔记本电脑上)

《使用DeepSeek搭建个人知识库(在笔记本电脑上)》本文介绍了如何在笔记本电脑上使用DeepSeek和开源工具搭建个人知识库,通过安装DeepSeek和RAGFlow,并使用CherryStudi... 目录部署环境软件清单安装DeepSeek安装Cherry Studio安装RAGFlow设置知识库总

Python FastAPI入门安装使用

《PythonFastAPI入门安装使用》FastAPI是一个现代、快速的PythonWeb框架,用于构建API,它基于Python3.6+的类型提示特性,使得代码更加简洁且易于绶护,这篇文章主要介... 目录第一节:FastAPI入门一、FastAPI框架介绍什么是ASGI服务(WSGI)二、FastAP