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

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

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

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

  1. <script charset="utf-8" src="/editor/kindeditor.js"></script>
  2. <script charset="utf-8" src="/editor/lang/zh_CN.js"></script>
  3. <script>
  4. KindEditor.ready(function(K) {
  5. window.editor = K.create('#editor_id');
  6. });
  7. </script>

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

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

  1. $("#popup").live("click",function(){
  2. var success = function(response,status){
  3. /**
  4. * 加载包含textarea的HTML代码 不加载js
  5. * 如果使用控件实现弹出窗
  6. * 可能需要在控件显示后在执行KindEditor代码
  7. */
  8. // init KindEditor
  9. options = {
  10. //略
  11. }
  12. KindEditor.create('#textareaid',options);
  13. }
  14. load('/url/',{},success)
  15. })
做弹出窗的时候可能会遇到z-index的问题 该参数是在4.1.4以后增加

猜你在找的Ajax相关文章