問題描述

按照官網的要求，一一都設定好了，但就是沒法顯示富文字編輯器。

1.設定好textarea輸入框

<textarea id="myEditor" name="content" style="width:700px;height:300px;">
&lt;strong&gt;HTML內容&lt;/strong&gt;
</textarea>

2.在頁面新增js指令碼

<script charset="utf-8" src="/editor/kindeditor.js"></script>
<script charset="utf-8" src="/editor/lang/zh-CN.js"></script>
<script>
        KindEditor.ready(function(K) {
                window.editor = K.create('#myEditor');
        });
</script>
 

但是，但是，在谷歌瀏覽器中就是顯示不出kindEditor編輯器。

解決方法

// 初始化KindEditor編輯器
function initKindEditor(ele, options){
    return KindEditor.create(ele, options);
}

$(function(){
    let options = {
        cssPath : '/editor/plugins/code/prettify.css',
        filterMode : true,
        uploadJson:'/editor/jsp/upload_json.jsp',//上傳圖片時，需要使用
        fileManagerJson:'/editor/jsp/file_manager-json.jsp',
        allowFileManager:true
    };
    initKindEditor('#myEditor', options)
});
 

原因

看這篇百度經驗
但是沒看明白 -_-!!!