程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> jqueryui-關於JQeasyUI和Kindeditor問題。

jqueryui-關於JQeasyUI和Kindeditor問題。

編輯:編程綜合問答
關於JQeasyUI和Kindeditor問題。

主頁面使用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>
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved