ckeditor获取内容(TextArea使用了ckeditor编辑器后,怎么用JS在Textarea中自动追加值)

本文目录
- TextArea使用了ckeditor编辑器后,怎么用JS在Textarea中自动追加值
- 使用 ckeditor 后 怎么得到textarea的内容
- 获取ckeditor的内容
- CKEditor 编辑器如何获取自身的目录路径
- js实时监听ckeditor编辑器值得变化,随机做一定的操作,怎么做呢谢谢!
- ckeditor 使用方法
- 求助:“在线编辑器”中的“内容”如何保存到“数据库”中
TextArea使用了ckeditor编辑器后,怎么用JS在Textarea中自动追加值
需要利用CKEDITOR的JavaScript
API接口
getData()
获取器的内容
setData()
设置器的内容
insertHTML()
在当前光标位置插入HTML代码
不过遗憾的是没有在末尾追加HTML代码的函数,但是可以使用getData()和setData()组合使用实现。
假设器替换的TextArea的id位myEditor,则使用方法如下:
var
htmlData=CKEDITOR.instances.myEditor.getData();
var
appEndData="追加的内容";
var
theData=htmlData+appEndData;
CKEDITOR.instances.myEditor.setData(theData);
使用 ckeditor 后 怎么得到textarea的内容
我最近也是在学习使用ckeditor,想取值有两个办法:
一个是先获取ckeditor的实例,然后调用getContent方法来获取ckeditor的内容,但是这个需要你知道你ckeditor的ID,因为你用ckeditor.replace这个textarea的时候已经将这个textarea给覆盖了,var fckeditor = FCKeditorAPI.GetInstance(’FCK实例的id’); var str = fckeditor.GetHTML(); 这样就能或得到里面的内容了。
还有一个方法:还记得官方提供的那个例子吧,里面有一个doExit方法,你可以在页面提交的时候调用一下这个方法,然后就可以用你的想法去获得textarea中的值了,原因是当你调用doExit方法的时候ckeditor会将其中的内容再赋值给你的textarea
获取ckeditor的内容
1、获取CKEditor被选中的内容
var mySelection = CKEDITOR.instances.ckStem.getSelection();
if (CKEDITOR.env.ie) {
mySelection.unlock(true);
data = mySelection.getNative().createRange().text;
} else {
data = mySelection.getNative();
}
2、获取CKEditor纯文本
var stemTxt=CKEDITOR.instances.CKEditor1.document.getBody().getText(); //取得纯文本
3、获取CKEditor带HTML标签的文本
var stem = CKEDITOR.instances.CKEditor1.getData();
CKEditor 编辑器如何获取自身的目录路径
要命令?我给你,就不知道这能COPY的下不,都是长用的。1. 最常用的命令列表下面列出十个在使用linux过程中使用频率最高的命令。这里只作简单介绍,具体用法请参考后面内容。cat,显示文件内容。cd,改变目录路径。cp,复制文件。find,查找文件。grep,搜索、过滤信息。ls,列出目录信息。more,分页显示。rm,删除文件或目录。vi,调用vi文本器。who,显示登录用户信息。2. chmod----改变一个或多个文件的存取模式(mode)chmod newgroup files/directorys组名可以用组的ID号,也可用/etc/group中的组名。只有文件的属主或特权用户(root)才可改变它的组。options:-c,--changes只输出被改变文件的信息-f,--silent,--quiet当不能改变文件组属性时,不通知文件的用户--help输出帮助信息。-R,--recursive可递归遍历子目录,把修改应到目录下所有文件和子目录--reference=filename参照filename的组信息来设置当前文件的组-v,--verbose输出详细信息--version输出版本信息。实例:$ chgrp root test 把test的所属组更改root组$ chgrp -R mysql test 递归地把test目录及
js实时监听ckeditor编辑器值得变化,随机做一定的操作,怎么做呢谢谢!
var editor = CKEDITOR.instances.editor1;
setTimeout(function(){//时时监听
var data = editor.getData();//获取器内容
//do something here
,1000);
ckeditor 使用方法
cheditor与ckfinder的集成使用
1,将ckeditor解压打开,打开_Samples,将ckeditor文件夹拷贝项目中的根目录下,把bin放在根目录下
2,将ckfinder解压,ckfinder文件夹拷贝项目中的根目录下,把bin放在根目录下,把_sample,_source,help文件夹删除掉,(注:没有用)
3,在ckeditor文件下找到config.js 打开,找到
在CKEDITOR.editorCongig=function(config)
{
//填写以下内容,图片,flash路径
config.uiColor = ’#F7F8F9’
config.scayt_autoStartup = false
config.language = ’zh-cn’; //中文
config.filebrowserBrowseUrl = ’ckfinder/ckfinder.html’;
config.filebrowserImageBrowseUrl = ’ckfinder/ckfinder.html?Type=Images’;
config.filebrowserFlashBrowseUrl = ’ckfinder/ckfinder.html?Type=Flash’;
config.filebrowserUploadUrl = ’ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files’;
config.filebrowserImageUploadUrl = ’ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images’;
config.filebrowserFlashUploadUrl = ’ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash’;
};
4,在ckfinder文件下找到config.ascx文件,打开
1)把public overrider bool ChekcAuthentication(){return false;改为:return true;}
2)public overrider void SetConfig(){BaseUrl = "~/ckfinder/userfiles/";}
5,在页面中head标签内写入:
《script type="text/javascript" src="ckeditor/ckeditor.js" 》《/script》
《script type="text/javascript" src="ckfinder/ckfinder.js"》《/script》
如果有母版页,在母版页中写
--注:单纯的配置,6,7可以不要,但是一旦要入数据库中,就要配置6.7步骤
6,在Default.aspx页面中,写入《%@Page ValidateRequest="false"%》
***隐藏网址***
8,在Default.aspx页面中添加《asp:TextBox ID="txtcontent" runat="server" TextMode="MultiLine" Height="503px" Width="100%" class="ckeditor" 》《/asp:TextBox》
《script type="text/javascript"》
CKEDITOR.replace(’《%= txtcontent.ClientID %》’, { skin: ’kama’ });
《/script》(用ckfinder文件下skins文件下kama文件下的,skin.js,样式)
求助:“在线编辑器”中的“内容”如何保存到“数据库”中
《INPUT type="hidden" name="content1" value=""》
《IFRAME ID="eWebEditor1" SRC="edit/ewebeditor.asp?id=content1&style=system" FRAMEBORDER="0" SCROLLING="no" WIDTH="550" HEIGHT="350"》《/IFRAME》
input隐藏字段content1,与之对应:
edit/ewebeditor.asp?id=content&style=system中的
id要和input中的名字相同,也为content1
那么,提交后提取内容就用
Request("content1") 就可以了。
src 是你的“ewebeditor”文件夹实际的路径,style是样式,可以有多种选择

更多文章:
手机版excel表格怎么排序(excel表格怎么排序成自己想要的顺序)
2025年6月12日 13:30
spring festival讲解(Spring festival是什么意思)
2025年11月30日 01:30
深入分析linux内核源码(面试必问的epoll技术,从内核源码出发彻底搞懂epoll)
2026年5月6日 13:30
countif函数使用举例(excel 中countif函数的用法)
2025年11月28日 11:45
excel常用函数和使用要点(excel常用函数的使用方法)
2026年3月6日 02:00
js html 趣味(求一个用html和js做的一个简单摇奖,是那种列出几个图片,然后开始,速度很快,逐渐速度变缓最终留在一个)
2026年2月24日 11:30
turnon和open怎么区分(turn on和open的区别是什么)
2026年8月31日 20:45
黄页仓库767ck(贯通式货架哪家好黄页,贯通式货架哪家好)
2026年8月22日 03:45
微信js开发教程(如何使用Cocos2d-JS引擎快速开发一个微信游戏)
2026年7月19日 19:45
canvas游戏(冒险岛打不开游戏缺少canvas.dll)
2025年6月30日 14:45
jsp学生信息管理系统源码(基于Java web 学生管理系统 最简单的就行 要求实现数据库的增删改查 要求个源代码和包)
2025年7月10日 22:45













