KindEditor所见即所得异步ajax弹出窗加载

前端之家收集整理的这篇文章主要介绍了KindEditor所见即所得异步ajax弹出窗加载前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

官网:http://www.kindsoft.net/

正常加载代码如官网的文档 可以使用

<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('#editor_id');
        });
</script>

异步加载主要的问题是KindEditor.ready无法执行

处理方式方式是在弹出框的执行代码中初始化 代码示例如下

$("#popup").live("click",function(){
    var success = function(response,status){
        /**
         * 加载包含textarea的HTML代码 不加载js
         * 如果使用控件实现弹出窗
         * 可能需要在控件显示后在执行KindEditor代码
         */
        // init KindEditor
        options = {
            //略
        }
        KindEditor.create('#textareaid',options);
    }
    load('/url/',{},success)
})
做弹出窗的时候可能会遇到z-index的问题 该参数是在4.1.4以后增加 原文链接:https://www.f2er.com/ajax/165745.html

猜你在找的Ajax相关文章