主頁面使用JQeasyUI通過點擊,新增一個tab,tab指向一個使用Kindeditor的頁面A;單獨訪問頁面A時,
編輯器能正常打開,可是通過點擊一個tab的方式打開頁面A,編輯器卻無效,浏覽器報
異常:Uncaught ReferenceError: KindEditor is not defined
我試過:在主頁面 聲明 可是不行
<script type="text/javascript">
$(function(){
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
uploadJson : '../editor/jsp/upload_json.jsp',
allowFileManager : true
});
});
});
</script>
網上搜索過相關,可是解決不了,網上說是沖突,可是按照他那樣寫的又不行
求大神指導下,這個問題困擾了很久了。
最新版本ke沒有問題,可以生成編輯器ui,但是無法輸入內容,不知道什麼問題。。
你可以將kindeditor的js,css文件先導入你的html頁面,給tabs增加load事件來生成ke,然後ajax加載的頁面去掉ke的相關文件,這個可以編輯也沒有錯誤
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
<script src="../../jquery-1.5.1.js"></script>
<script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.tabs.js"></script>
<link rel="stylesheet" href="../../../../kindeditor-4.1.7/themes/default/default.css" />
<script charset="utf-8" src="../../../../kindeditor-4.1.7/kindeditor-min.js"></script>
<script charset="utf-8" src="../../../../kindeditor-4.1.7/lang/zh_CN.js"></script>
<script>
$(function() {
$( "#tabs" ).tabs({
ajaxOptions: {
error: function( xhr, status, index, anchor ) {
$( anchor.hash ).html(
"Couldn't load this tab. We'll try to fix this as soon as possible. " +
"If this wouldn't be a demo." );
}
},
load: function (e, ui) {
if(ui.tab.innerHTML == '你的tab內容') KindEditor.create('textarea[name="content"]', {
uploadJson : '../editor/jsp/upload_json.jsp',
allowFileManager : true
});
}
});
});
</script>