使用 KindEditor 的 单独调用组件

转载：http://hkstb.blog.163.com/blog/static/46096793201392313257298/

<script>

     KindEditor.ready(function (K) {

         var editor1 = K.create('#<%=Describe.ClientID%>', {

             cssPath: '../kindeditor/plugins/code/prettify.css',

             uploadJson: '../kindeditor/asp.net/upload_json.ashx',

             fileManagerJson: '../kindeditor/asp.net/file_manager_json.ashx',

             allowFileManager: true,

             afterCreate: function () {

                 var self = this;

                 K.ctrl(document, 13, function () {

                     self.sync();

                     K('form[name=form1]')[0].submit();

                 });

                 K.ctrl(self.edit.doc, 13, function () {

                     self.sync();

                     K('form[name=form1]')[0].submit();

                 });

             }

         });

 

//注意：这里的editor1要和上面的editor1对应

         K('#image1').click(function () {

             editor1.loadPlugin('image', function () {

                 editor1.plugin.imageDialog({

                     imageUrl: K('#<%=SmallImg.ClientID%>').val(),

                     clickFn: function (url, title, width, height, border, align) {

                         K('#<%=SmallImg.ClientID%>').val(url);

                         editor1.hideDialog();

                     }

                 });

             });

         });

         prettyPrint();

     });

 </script>

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

<tr>

                <th>缩略图：</th><td><asp:TextBox ID="SmallImg" runat="server" EnableViewState="False"></asp:TextBox> <input type="button" id="image1" value="选择图片" /></td>

            </tr>