ckeditor使用過程遇到的問題匯總

  1. 獲取ckeditor對象
CKEDITOR.instances.ckeditor_name
  1. 獲取ckeditor中的值和插入內(nèi)容
CKEDITOR.instances.message.insertHtml(''); //插入html內(nèi)容
//獲取CKEditor的值 
var editor=CKEDITOR.replace( 'editor1' );
editor.document.getBody().getText(); //取得純文本
editor.document.getBody().getHtml(); //取得html文本
CKEDITOR.instances.content.getData()=="")
//content是textarea的name

//設(shè)置CKEditor的值
CKEDITOR.instances.content.setData("CCCTO");
var editor = CKEDITOR.replace("content");
editor.setData("CCCTO");

//在編輯器中禁止粘貼
editor.on('paste', function() {
         return false;
});
//或者
editor.on('instanceReady', function(e) {
editor.on('paste', function() {
          return false;
});
});
//在 instanceReady中 綁定事件才可用

//需要新建實例,假若CKEditor實例已存在
if (CKEDITOR.instances['textarea_name']){
CKEDITOR.instances['textarea_name'].destroy();
}
CKEDITOR.replace('textarea_name');
function loadEditor(id)
{
    var instance = CKEDITOR.instances[id];
    if(instance)
    {
        CKEDITOR.remove(instance);
    }
    CKEDITOR.replace(id);
}
var instance = CKEDITOR.instances['test'];
if (instance) { 
CKEDITOR.remove(CKEDITOR.instances['test']);
 }  
if(CKEDITOR.instances[editorName])
delete CKEDITOR.instances[editorName];

CKEDITOR.replace(editorName);
  1. 在js中配置ckeditor
let configuration = {
            toolbar: "Full" ,
            filebrowserImageUploadUrl: appConfig.API_UPLOADIMAGES_BASE_URL + "uploadImageForRest" ,
            newButtonImageUploadUrl: appConfig.API_UPLOADIMAGES_BASE_URL + "uploadImage"
        };
        CKEDITOR.replace(this.elementName, configuration);
        CKEDITOR.instances[this.elementName].on("change", function () {
            let data = CKEDITOR.instances[this.elementName].getData();
            this.props.onChange(data);
        }.bind(this));
    }
  1. 獲取ckeditor配置信息
CKEDITOR.instances.ckeditor_name.config.toolbar
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,351評論 25 708
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,697評論 19 139
  • 國家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報批稿:20170802 前言: 排版 ...
    庭說閱讀 12,537評論 6 13
  • 前言 最近看了許多關(guān)于Cocos Shader用法的,但絕大部分教程都是cpp實現(xiàn)的示例,有些還是低版本的。這里結(jié)...
    wangjk閱讀 2,079評論 0 2
  • 此刻的我一個人坐在延安的候車大廳、吃蘋果/撇嘴。 人聲嘈雜,一撥人走了,一撥人又來了,而我,始終沒動過。 如果你也...
    趙文文秀閱讀 210評論 0 1

友情鏈接更多精彩內(nèi)容