kindeditor 小记

使用kindeditor  的过程中，遇到了几个问题

1. 如何从kindeditor的文本域中取值

2. 如何将值设置到文本域中去

3. 问题描述：生产中需要将kindeditor 和jqEasyUI结合使用，如果直接在页面上展示div 没有问题，可以直接显示

　 但是如果我用jqEasyUI 将目标div dialog出来，则产生问题，不能直接将内容在textArea中展示。

（直接展示）

（弹出）

目标内容不能很好显示，解决方案如下。

 =========================================================================================

 

=========================================================================================

首先，当然是把一个文本域变成一个kindeditor

从官网下载整个包，引入需要的js css文件自然不用多言

在body中添加一个文本域

<textarea id="content1" cols="100" rows="8" style="width: 700px; height: 300px; visibility: hidden;" runat="server"></textarea>

 -------------------------------------------------------------------------------------------------------------

问题1：如何从kindeditor的文本域中取值

 　　根据文档说，kindeditor能够进行样式展示，是用的iframe实现的，那么其实可以通过将iframe转换为dom对象，然后用contentwindow方式直接获取对应的值

　　不过根据官网文档，只要　　self.sync();   这样就同步了，通过  editor1.text(); 可以直接取得对应的值，如果取含有标签的，则可以通过 editor1.html(); 取得

　　很方便吧。但凡用kindeditor，这是肯定要用的，所以就不截代码了

 --------------------------------------------------------------------------------------------------------------

问题2：如何将值设置到文本域中去

　　其实第一个问题解决了之后，后边的就简单了

　　假设在使用jquery 那么

 

 $(function () {
                $.get("xxxx", "", function (str) {
                    editor1.text(str);
                  })
               });

 

  ---------------------------------------------------------------------------------------------------------------

问题3：如何解决jqEasyUI 和 kingeditor 的兼容问题

　　　就是把动态创建的过程放到了 方法（onOpen）中----so easy 妈妈再也不用担心我的学习

  $("#addDiv").dialog({
                width: 900,
                height: 550,
                modal: true,
                title: "添加一条新闻",
                collapsible: true,
                minimizable: true,
                maximizable: true,
                resizable: true,
                fit: true,
                onOpen: function () {
                    KindEditor.create('textarea[name="content"]', {
                        resizeType: 1
                    });
                },
                onBeforeClose: function () {
                    KindEditor.remove('textarea[name="content"]');
                },
                buttons: [{
                    id: 'btnAdd',
                    text: '确认',
                    iconCls: 'icon-add',
                    handler: function () {
                        //让表单提交
                        $("#addDiv").dialog("close");
                        $("#addDiv form").submit();
                        InitTable();
                        $('#tt').datagrid("reload");
                    }
                }, {
                    id: 'btnCancelAdd',
                    text: '取消',
                    iconCls: 'icon-cancel',
                    handler: function () {
                        $("#addDiv").dialog("close");
                    }
                }]
            });

 

bug仍在调试中，所以暂时写这个最简单的 

感谢http://www.kindsoft.net/view.php?bbsid=4&postid=7298&pagenum=2 博文中“yglei” 大牛的回复