1. 程式人生 > >JS獲取CkEditor在線編輯的內容

JS獲取CkEditor在線編輯的內容

data finder sel .html election replace document span edit

參考博文:【實踐】獲取CKEditor的html文本、純文本、被選中的內容及賦值

1、獲取CKEditor被選中的內容

var mySelection = CKEDITOR.instances.WORK_INTRODUCTION.getSelection();
if (CKEDITOR.env.ie) {
mySelection.unlock(true);
data = mySelection.getNative().createRange().text;
} else {
data = mySelection.getNative();

}
2、獲取CKEditor純文本
var CText=CKEDITOR.instances.WORK_INTRODUCTION.document.getBody().getText(); //取得純文本

3、獲取CKEditor帶HTML標簽的文本
var CHtml= CKEDITOR.instances.WORK_INTRODUCTION.getData();

4、給CKEditor賦值

CKEDITOR.instances.WORK_INTRODUCTION.setData("要顯示的文字內容");

我的寫法:

html中:

<asp:TextBox 
ID="txt_ProjectIntroduce" runat="server" TextMode="MultiLine" class="ckeditor" onKeyUp="isProjectIntroduceNull();" onblur="isProjectIntroduceNull();"></asp:TextBox> <script type="text/javascript"> if (typeof CKEDITOR
== undefined) { document.write(加載CKEditor失敗); } else { var editor_ProjectIntroduce = CKEDITOR.replace(txt_ProjectIntroduce); // 創建編輯器 CKFinder.setupCKEditor(editor, ../../PlugIns/ckfinder/); // 為編輯器綁定"上傳控件" }

js腳本:
str = CKEDITOR.instances.<%= txt_ProjectIntroduce.ClientID %>.document.getBody().getText(); //取得純文本
              //str 長度默認為 1
              //alert("11" + str+ "22" + str.length );
              if (str.length <2) {
                  strSummary = strSummary + "項目介紹不能為空!";
              }

JS獲取CkEditor在線編輯的內容