前端之家收集整理的这篇文章主要介绍了
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以后
增加