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