ckeditor和js,Ckeditor

本文目录一览：

• 1、怎么用JS清空CKEditor文本域的文本
• 2、TextArea使用了ckeditor编辑器后,怎么用JS在Textarea中自动追加值
• 3、ckeditor需要引入哪些js到jsp中

怎么用JS清空CKEditor文本域的文本

用js把文本框清空只需要在input定义中加入clientidmode=”Static”，即将inputtype=”text” id=”region” runat=”server”readonly=”readonly” style=”border:0px; font-weight:bold;”/改为input type=”text”id=”region” runat=”server” clientidmode=”Static” readonly=”readonly”style=”border:0px; font-weight:bold;”/，这样脚本生成的id为region。

再利用JS清空值，document.getElementById(“region”).value=””;

TextArea使用了ckeditor编辑器后,怎么用JS在Textarea中自动追加值

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=QuickUploadtype=Files’;

config.filebrowserImageUploadUrl = ‘ckfinder/core/connector/aspx/connector.aspx?command=QuickUploadtype=Images’;

config.filebrowserFlashUploadUrl = ‘ckfinder/core/connector/aspx/connector.aspx?command=QuickUploadtype=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”%

7,在web.config文件中，在system.web下写 httpRuntime requestValidationMode=”2.0″/

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，样式)

ckeditor需要引入哪些js到jsp中

下面在index.jsp(笔者建的一个测试页面)中引用ckeditor并测试

%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%

%

String path = request.getContextPath();

%

!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”

html

head

script type=”text/javascript” src=”ckeditor/ckeditor.js”/script

/head

body

%

String content=request.getParameter(“editor1”);

if(content!=null!content.equals(“”)){

out.println(content);

}

%

form name=”testForm” method=”post” action=”%=path %/index.jsp”

textarea cols=”80″ id=”editor1″ name=”editor1″ rows=”10″

在此添加内容

/textarea

script type=”text/javascript”

CKEDITOR.replace( ‘editor1’,

{

skin : ‘kama’,

language : ‘zh-cn’

});

/script

input type=”submit” value=”提交”/

/form

/body

/html