kindeditor 用了一个iframe可以先获取 html 代码。再用正则提取

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <base href="http://localhost:8080/jkxweb/">
        
        <title>添加新闻公告</title>
        
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

    <link rel="stylesheet" href="/jkxweb/js/kindeditor/themes/default/default.css" />
    <link rel="stylesheet" href="/jkxweb/js/kindeditor/plugins/code/prettify.css" />
    <script charset="utf-8" src="/jkxweb/js/kindeditor/kindeditor.js"></script>
    <script charset="utf-8" src="/jkxweb/js/kindeditor/lang/zh_CN.js"></script>
    <script charset="utf-8" src="/jkxweb/js/kindeditor/plugins/code/prettify.js"></script>
    <script charset="utf-8" src="/jkxweb/js/kindeditor/plugins/filemanager/filemanager.js"></script>
    <script>
    KindEditor.ready(function(K) {
    var editor1 = K.create('textarea[class="htmlEditCss"]', {
    cssPath : '/jkxweb/js/kindeditor/plugins/code/prettify.css',
    uploadJson : '/jkxweb/js/kindeditor/jsp/upload_json.jsp',
    fileManagerJson : '/jkxweb/js/kindeditor/jsp/file_manager_json.jsp',
    items:[
            'undo', 'redo', 'fullscreen', 'preview', '|', 'print', 'template', 'cut', 'copy', 'paste',
            'plainpaste', 'wordpaste', '|',
            
            'image', 'multiimage',
            'insertfile', 'table', 'hr', 'emoticons','link', 'unlink', '|', 'code',         
                     
            '|', '/',
            'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
            'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|',
            
             'justifyleft', 'justifycenter', 'justifyright',
            'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
            'superscript', 'clearhtml', 'quickformat', 'selectall'
    ],
    resizeType:0,
    height:340,
    width:700,
    allowFileManager : true,
    afterBlur :function(ob) {
    var self = this;
    self.sync();
    K.ctrl(document, 13, function() {
    self.sync();
    K('form[title=htmlEditForm')[0].submit();
    });
    K.ctrl(self.edit.doc, 13, function() {
    self.sync();
    K('form[title=htmlEditForm')[0].submit();
    });
    }
    });
    prettyPrint();
    });

    KindEditor.ready(function(K) {
    var editor1 = K.create('textarea[class="htmlEditTeacher"]', {
    cssPath : '/jkxweb/js/kindeditor/plugins/code/prettify.css',
    uploadJson : '/jkxweb/js/kindeditor/jsp/upload_json.jsp',
    fileManagerJson : '/jkxweb/js/kindeditor/jsp/file_manager_json.jsp',
    items:[
            'undo', 'redo', 'fullscreen', 'preview', '|', 'print', 'template', 'cut', 'copy', 'paste',
            'plainpaste', '|',
            
    'table', 'hr', 'emoticons','link', 'unlink', '|', 'code', 'formatblock', 'fontname', 'fontsize',
            '|', '/',
            '|', 'forecolor', 'hilitecolor', 'bold',
            'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|',
            
             'justifyleft', 'justifycenter', 'justifyright',
            'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
            'superscript', 'clearhtml', 'quickformat', 'selectall'
    ],
    resizeType:0,
    height:340,
    width:700,
    allowFileManager : true,
    afterBlur : function(ob) {
    var self = this;
    self.sync();
    K.ctrl(document, 13, function() {
    self.sync();
    K('form[title=htmlEditForm')[0].submit();
    });
    K.ctrl(self.edit.doc, 13, function() {
    self.sync();
    K('form[title=htmlEditForm')[0].submit();
    });
    }
    });
    prettyPrint();
    });
    </script>
        <style type="text/css">
    .addnrdiv{
    border:solid 1px black;
    width:710px;
    height:inherit;
    }
    .addnrdiv .div{
    width:700px;
    margin:0 auto;
    margin-top:20px;
    }
    .mokuai{
    width:240px;
    border:solid 1px black;
    margin-left:630px;
    }
        </style>
        
    <script type="text/javascript">
    function check(){
    var title=document.getElementById("title").value;
    if(title==null||title==""){
    alert("标题不能为空,请输入标题!");
    return false;
    }
    return alert("发布成功!");
    }
    </script>
    </head>
      
      <body  style="background-image:url(images/miaoyanyun/dghdse.png)">
      <div class="addnrdiv">
    <form action="contentManage.do?actionMethod=newUpdate" method="post">
      <div class="div">
    选择模块:
    <select name="moduleSelect">

    <option value='-4'>新闻快递</option>

    <option value='-3'>招生就业</option>

    <option value='-2'>学院公告</option>

    <option value='-1'>学生工作</option>

          </select>
        <input name="submit" type="submit" value="发布" onClick="return check()" />
    </div>
    <div class="div">
    标题:<input name="contentTittle" type="text" size="60" id="title" />
    (不要超过30个字)
    </div>
    <div class="div">
    <input name="editor" type="hidden" value="" />
    </div>
      <div class="div">
    编辑内容<hr />
        <textarea name="contentDetail" cols="120" rows="50" class="htmlEditCss" id="textarea"></textarea>
      </div>
      <!-- 我想点击“发布”按钮时取出textarea中的第一个img标签的src放到下面的隐藏域中 -->
      <input type="hidden" id="hidden" name="pw" />
    </form>  
    </div>
      </body>
    </html>
      

  2.   


    大哥,html贴出来了,请你帮我看看!谢谢!
      

  3.   

    获取编辑器iframe对象的body,再获取img集合就行了    KindEditor.ready(function (K) {
            var editor1 = K.create('textarea[class="htmlEditCss"]', {
                cssPath: '/jkxweb/js/kindeditor/plugins/code/prettify.css',
                uploadJson: '/jkxweb/js/kindeditor/jsp/upload_json.jsp',
                fileManagerJson: '/jkxweb/js/kindeditor/jsp/file_manager_json.jsp',
                items: [
            'undo', 'redo', 'fullscreen', 'preview', '|', 'print', 'template', 'cut', 'copy', 'paste',
            'plainpaste', 'wordpaste', '|',        'image', 'multiimage',
            'insertfile', 'table', 'hr', 'emoticons', 'link', 'unlink', '|', 'code',        '|', '/',
            'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
            'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|',         'justifyleft', 'justifycenter', 'justifyright',
            'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
            'superscript', 'clearhtml', 'quickformat', 'selectall'],
                resizeType: 0,
                height: 340,
                width: 700,
                allowFileManager: true,
                afterBlur: function (ob) {
                    var self = this;
                    self.sync();
                    K.ctrl(document, 13, function () {
                        self.sync();
                        setIMG();
                        K('form[title=htmlEditForm')[0].submit();
                    });
                    K.ctrl(self.edit.doc, 13, function () {
                        self.sync();
                        setIMG();
                        K('form[title=htmlEditForm')[0].submit();
                    });
                }
            });
            function setIMG() {
                var imgs = editor1.edit.iframe.get().contentWindow.document.body.getElementsByTagName('img');
                if (imgs.length > 0) {
                    alert(imgs[0].src)
                    document.getElementById('xxxxxxxx').value = imgs[0].src;
                }
            }

            prettyPrint();
        });
      

  4.   


    大哥,html贴出来了,请你帮我看看!谢谢!
    你这贴的是源代码,还是包装好的类,没法看
    要看执行这些代码后生成的html页面
    这样操作,用chrome浏览器,进入你的页面,按F12,选中Element,右键HTML标签选择拷贝为HTML,再黏贴出来
      

  5.   


    大哥,html贴出来了,请你帮我看看!谢谢!
    你这贴的是源代码,还是包装好的类,没法看
    要看执行这些代码后生成的html页面
    这样操作,用chrome浏览器,进入你的页面,按F12,选中Element,右键HTML标签选择拷贝为HTML,再黏贴出来是这样么?
    这个是head部分:    <base href="http://localhost:8080/jkxweb/">
        
        <title>添加新闻公告</title>
        
    <meta content="no-cache" http-equiv="pragma">
    <meta content="no-cache" http-equiv="cache-control">
    <meta content="0" http-equiv="expires">    
    <meta content="keyword1,keyword2,keyword3" http-equiv="keywords">
    <meta content="This is my page" http-equiv="description">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

    <link rel="stylesheet" href="/jkxweb/js/kindeditor/themes/default/default.css">
    <link rel="stylesheet" href="/jkxweb/js/kindeditor/plugins/code/prettify.css">
    <script charset="utf-8" src="/jkxweb/js/kindeditor/kindeditor.js"></script>
    <script charset="utf-8" src="/jkxweb/js/kindeditor/lang/zh_CN.js"></script>
    <script charset="utf-8" src="/jkxweb/js/kindeditor/plugins/code/prettify.js"></script>
    <script charset="utf-8" src="/jkxweb/js/kindeditor/plugins/filemanager/filemanager.js"></script>
    <script>
    KindEditor.ready(function(K) {
    var editor1 = K.create('textarea[class="htmlEditCss"]', {
    cssPath : '/jkxweb/js/kindeditor/plugins/code/prettify.css',
    uploadJson : '/jkxweb/js/kindeditor/jsp/upload_json.jsp',
    fileManagerJson : '/jkxweb/js/kindeditor/jsp/file_manager_json.jsp',
    items:[
            'undo', 'redo', 'fullscreen', 'preview', '|', 'print', 'template', 'cut', 'copy', 'paste',
            'plainpaste', 'wordpaste', '|',
            
            'image', 'multiimage',
            'insertfile', 'table', 'hr', 'emoticons','link', 'unlink', '|', 'code',         
                     
            '|', '/',
            'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
            'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|',
            
             'justifyleft', 'justifycenter', 'justifyright',
            'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
            'superscript', 'clearhtml', 'quickformat', 'selectall'
    ],
    resizeType:0,
    height:340,
    width:700,
    allowFileManager : true,
    afterBlur :function(ob) {
    var self = this;
    self.sync();
    K.ctrl(document, 13, function() {
    self.sync();
    setIMG();
    K('form[title=htmlEditForm')[0].submit();
    });
    K.ctrl(self.edit.doc, 13, function() {
    self.sync();
    setIMG();
    K('form[title=htmlEditForm')[0].submit();
    });
    }
    });
            function setIMG() {
                 var imgs = editor1.edit.iframe.get().contentWindow.document.body.getElementsByTagName('img');
                 if (imgs.length > 0) {
                     alert(imgs[0].src);
                     document.getElementById('cc').value=imgs[0].src;
                 }
             }
    prettyPrint();
    });</script>
        <style type="text/css">
    .addnrdiv{
    border:solid 1px black;
    width:710px;
    height:inherit;
    }
    .addnrdiv .div{
    width:700px;
    margin:0 auto;
    margin-top:20px;
    }
    .mokuai{
    width:240px;
    border:solid 1px black;
    margin-left:630px;
    }
        </style>
        
    <script type="text/javascript"> </script>  
      
      

  6.   

    这个是body部分的:  <div class="addnrdiv">
    <form method="post" action="contentManage.do?actionMethod=newUpdate">
      <div class="div">
    选择模块:
    <select name="moduleSelect">

    <option value="-4">新闻快递</option>

          </select>
        <input onclick="return check()" name="submit" value="发布" type="submit">
    </div>
    <div class="div">
    标题:<input id="title" name="contentTittle" size="60" type="text">
    (不要超过30个字)
    </div>
    <div class="div">
    <input name="editor" value="左斌左" type="hidden">
    </div>
      <div class="div">
    编辑内容<hr>
        <div style="width: 700px;" class="ke-container ke-container-default"><div style="display: block;" class="ke-toolbar" unselectable="on"><span class="ke-outline" title="后退(Ctrl+Z)" unselectable="on" data-name="undo"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-undo" unselectable="on"></span></span><span class="ke-outline" title="前进(Ctrl+Y)" unselectable="on" data-name="redo"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-redo" unselectable="on"></span></span><span class="ke-outline" title="全屏显示" unselectable="on" data-name="fullscreen"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-fullscreen" unselectable="on"></span></span><span class="ke-outline" title="预览" unselectable="on" data-name="preview"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-preview" unselectable="on"></span></span><span class="ke-inline-block ke-separator"></span><span class="ke-outline" title="打印(Ctrl+P)" unselectable="on" data-name="print"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-print" unselectable="on"></span></span><span class="ke-outline" title="插入模板" unselectable="on" data-name="template"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-template" unselectable="on"></span></span><span class="ke-outline" title="剪切(Ctrl+X)" unselectable="on" data-name="cut"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-cut" unselectable="on"></span></span><span class="ke-outline" title="复制(Ctrl+C)" unselectable="on" data-name="copy"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-copy" unselectable="on"></span></span><span class="ke-outline" title="粘贴(Ctrl+V)" unselectable="on" data-name="paste"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-paste" unselectable="on"></span></span><span class="ke-outline" title="粘贴为无格式文本" unselectable="on" data-name="plainpaste"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-plainpaste" unselectable="on"></span></span><span class="ke-outline" title="从Word粘贴" unselectable="on" data-name="wordpaste"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-wordpaste" unselectable="on"></span></span><span class="ke-inline-block ke-separator"></span><span class="ke-outline" title="图片" unselectable="on" data-name="image"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-image" unselectable="on"></span></span><span class="ke-outline" title="批量图片上传" unselectable="on" data-name="multiimage"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-multiimage" unselectable="on"></span></span><span class="ke-outline" title="插入文件" unselectable="on" data-name="insertfile"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-insertfile" unselectable="on"></span></span><span class="ke-outline" title="表格" unselectable="on" data-name="table"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-table" unselectable="on"></span></span><span class="ke-outline" title="插入横线" unselectable="on" data-name="hr"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-hr" unselectable="on"></span></span><span class="ke-outline" title="插入表情" unselectable="on" data-name="emoticons"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-emoticons" unselectable="on"></span></span><span class="ke-outline" title="超级链接" unselectable="on" data-name="link"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-link" unselectable="on"></span></span><span class="ke-outline" title="取消超级链接" unselectable="on" data-name="unlink"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-unlink" unselectable="on"></span></span><span class="ke-inline-block ke-separator"></span><span class="ke-outline" title="插入程序代码" unselectable="on" data-name="code"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-code" unselectable="on"></span></span><span class="ke-inline-block ke-separator"></span><div class="ke-hr"></div><span class="ke-outline" title="段落" unselectable="on" data-name="formatblock"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-formatblock" unselectable="on"></span></span><span class="ke-outline" title="字体" unselectable="on" data-name="fontname"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-fontname" unselectable="on"></span></span><span class="ke-outline" title="文字大小" unselectable="on" data-name="fontsize"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-fontsize" unselectable="on"></span></span><span class="ke-inline-block ke-separator"></span><span class="ke-outline" title="文字颜色" unselectable="on" data-name="forecolor"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-forecolor" unselectable="on"></span></span><span class="ke-outline" title="文字背景" unselectable="on" data-name="hilitecolor"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-hilitecolor" unselectable="on"></span></span><span class="ke-outline" title="粗体(Ctrl+B)" unselectable="on" data-name="bold"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-bold" unselectable="on"></span></span><span class="ke-outline" title="斜体(Ctrl+I)" unselectable="on" data-name="italic"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-italic" unselectable="on"></span></span><span class="ke-outline" title="下划线(Ctrl+U)" unselectable="on" data-name="underline"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-underline" unselectable="on"></span></span><span class="ke-outline" title="删除线" unselectable="on" data-name="strikethrough"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-strikethrough" unselectable="on"></span></span><span class="ke-outline" title="行距" unselectable="on" data-name="lineheight"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-lineheight" unselectable="on"></span></span><span class="ke-outline" title="删除格式" unselectable="on" data-name="removeformat"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-removeformat" unselectable="on"></span></span><span class="ke-inline-block ke-separator"></span><span class="ke-outline" title="左对齐" unselectable="on" data-name="justifyleft"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-justifyleft" unselectable="on"></span></span><span class="ke-outline" title="居中" unselectable="on" data-name="justifycenter"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-justifycenter" unselectable="on"></span></span><span class="ke-outline" title="右对齐" unselectable="on" data-name="justifyright"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-justifyright" unselectable="on"></span></span><span class="ke-outline" title="两端对齐" unselectable="on" data-name="justifyfull"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-justifyfull" unselectable="on"></span></span><span class="ke-outline" title="编号" unselectable="on" data-name="insertorderedlist"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-insertorderedlist" unselectable="on"></span></span><span class="ke-outline" title="项目符号" unselectable="on" data-name="insertunorderedlist"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-insertunorderedlist" unselectable="on"></span></span><span class="ke-outline" title="增加缩进" unselectable="on" data-name="indent"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-indent" unselectable="on"></span></span><span class="ke-outline" title="减少缩进" unselectable="on" data-name="outdent"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-outdent" unselectable="on"></span></span><span class="ke-outline" title="下标" unselectable="on" data-name="subscript"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-subscript" unselectable="on"></span></span><span class="ke-outline" title="上标" unselectable="on" data-name="superscript"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-superscript" unselectable="on"></span></span><span class="ke-outline" title="清理HTML代码" unselectable="on" data-name="clearhtml"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-clearhtml" unselectable="on"></span></span><span class="ke-outline" title="一键排版" unselectable="on" data-name="quickformat"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-quickformat" unselectable="on"></span></span><span class="ke-outline" title="全选(Ctrl+A)" unselectable="on" data-name="selectall"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-selectall" unselectable="on"></span></span></div><div style="height: 278px; display: block;" class="ke-edit"><iframe hideFocus="true" style="width: 100%; height: 278px;" class="ke-edit-iframe" tabIndex="-32768" src="javascript:void(function(){document.open()%3Bdocument.close()%3B}())" frameBorder="0"></iframe><textarea hideFocus="true" style="width: 100%; height: 278px; display: none;" class="ke-edit-textarea" tabIndex="-32768"></textarea></div><div class="ke-statusbar"><span style="visibility: hidden;" class="ke-inline-block ke-statusbar-center-icon"></span><span style="visibility: hidden;" class="ke-inline-block ke-statusbar-right-icon"></span></div></div><textarea style="display: none;" id="textarea" class="htmlEditCss" cols="120" rows="50" name="contentDetail"></textarea>
      </div>
      
      <input id="cc" name="pw" type="hidden">
    </form>  
    </div>
      
      

  7.   


    alert()这儿少了个分号;
    可是不知道怎么搞的,我的alert都弹不出来
      

  8.   

    设 kindeditor 的实例名为 editor
    则 editor.html() 就可取到编辑区中的 html 内容
    接下来做什么,你该知道了认真看一下 kindeditor 的样例,其中 default.html (默认模式) 就已经演示了干预他的各种做法
      

  9.   

    算了,你自己调试下,用浏览器调试代码会不,不会去网上查下,推荐用chrome调试
    js得放独立的js文件里才行
      

  10.   

    你#7的代码似乎是写错了
     var editor1 = K.create('textarea[class="htmlEditCss"]'.....
    把 kindeditor 的实例 editor1 变成局部变量了,可能要 K.editor1 才能访问到(没测试过)一般这么写:<script charset="utf-8" src="../kindeditor-min.js"></script>
    <script>
    var editor;
    KindEditor.ready(function(K) {
    editor = K.create('textarea[name="content"]', {
    allowFileManager : true
    });
    });
    </script>
    <textarea name="content" style="width:800px;height:400px;visibility:hidden;">KindEditor</textarea>alert(editor.html());就得到编辑区的内容了
      

  11.   

    多谢各位的帮助,问题我已经用default.html里演示的方法解决了,代码如下:
        <base href="http://localhost:8080/jkxweb/">
        
        <title>添加新闻公告</title>
        
    <meta content="no-cache" http-equiv="pragma">
    <meta content="no-cache" http-equiv="cache-control">
    <meta content="0" http-equiv="expires">    
    <meta content="keyword1,keyword2,keyword3" http-equiv="keywords">
    <meta content="This is my page" http-equiv="description">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

    <link rel="stylesheet" href="/jkxweb/js/kindeditor/themes/default/default.css">
    <link rel="stylesheet" href="/jkxweb/js/kindeditor/plugins/code/prettify.css">
    <script charset="utf-8" src="/jkxweb/js/kindeditor/kindeditor.js"></script>
    <script charset="utf-8" src="/jkxweb/js/kindeditor/lang/zh_CN.js"></script>
    <script charset="utf-8" src="/jkxweb/js/kindeditor/plugins/code/prettify.js"></script>
    <script charset="utf-8" src="/jkxweb/js/kindeditor/plugins/filemanager/filemanager.js"></script>
    <script>
    KindEditor.ready(function(K) {
    var editor1 = K.create('textarea[class="htmlEditCss"]', {
    cssPath : '/jkxweb/js/kindeditor/plugins/code/prettify.css',
    uploadJson : '/jkxweb/js/kindeditor/jsp/upload_json.jsp',
    fileManagerJson : '/jkxweb/js/kindeditor/jsp/file_manager_json.jsp',
    items:[
            'undo', 'redo', 'fullscreen', 'preview', '|', 'print', 'template', 'cut', 
            'copy', 'paste','plainpaste', 'wordpaste', '|','image', 'multiimage',
            'insertfile', 'table', 'hr', 'emoticons','link', 'unlink', '|', 'code',         
            '|', '/',
            'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
            'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|',
            'justifyleft', 'justifycenter', 'justifyright','justifyfull', 'insertorderedlist','insertunorderedlist', 
            'indent', 'outdent', 'subscript','superscript', 'clearhtml', 'quickformat', 'selectall'
    ],
    resizeType:0,
    height:340,
    width:700,
    allowFileManager : true,
    afterBlur : function(ob) {
    var self = this;
    self.sync();
    K.ctrl(document, 13, function() {
    self.sync();
    K('form[title=htmlEditForm')[0].submit();
    });
    K.ctrl(self.edit.doc, 13, function() {
    self.sync();
    K('form[title=htmlEditForm')[0].submit();
    });
    }
    });
    K('input[name=submit]').click(function(e) {
    var imgs = editor1.edit.iframe.get().contentWindow.document.body.getElementsByTagName('img');
        if (imgs.length > 0) {
            document.getElementById('hidden').value=imgs[0].src;
        }
    });
    prettyPrint();
    });
    </script>