您当前的位置:天天ASP(学习网)ASP编程进阶技巧 → 文章内容

kindeditor编辑器 ASP版的调用和取值方法

作者:本站  来源:本站整理  发布时间:2014-1-9 16:38:23

这个编辑器支持asp、jsp、php等页面,所以乱用是不行的,asp要去调asp的部分,其他类型要去调用其它类型的部分。
        也许你调用编辑器是成功了,但如图片上传等诸多功能不能正常使用,那可能是和我一开始一样,受了网上那些教程的蒙骗。那往下看wlyxxzdm告诉你asp文件怎么成功调用编辑器的吧。
        要放编辑器的asp页面,先放一个文本域,名称:content,id先按下图起吧。

<textarea id="editor_id" name="content" style="width:700px;height:300px;">            
&lt;strong&gt;HTML内容&lt;/strong&gt;            
</textarea>
        然后在<head></head>标签之间写下面代码:
 
<script charset="utf-8" src="editor/kindeditor.js"></script>            
<script charset="utf-8" src="editor/lang/zh_CN.js"></script>            
<script>            
        var editor;            
        KindEditor.ready(function(K) {            
                editor = K.create('#editor_id');            
        });            
</script>
        editor怎么来的?是我在根目录下建立的文件夹,将kindeditor里面的内容都放到这个里面了。src后的路径,不能照抄,要根据你的路径关系变更。比如,调用编辑器的这个网页,原先是在根文件夹下,路径就是上面的,现在放到根文件夹下的一个文件夹里,src后的路径就是下面的样子。这是相对路径,也可以用根目录定位,上传空间后,也可以用带域名的绝对路径。#editor_id这里,它是要去找先前的文本域的id的,所以id名须一致。
 
        到这里,和网上说的一样样的,你全做对了,依然不行。后来我发现问题出在哪里了,上面这段代码,默认是对php部分的,所以需要将其指向asp的部分。修改如下:
 
<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) {            
    var editor = K.create('#editor_id', {                           
    uploadJson : '../editor/asp/upload_json.asp',            
    fileManagerJson : '../editor/asp/file_manager_json.asp',            
    allowFileManager : true,            
        afterCreate : function() {            
                var self = this;            
                K.ctrl(document, 13, function() {            
                    self.sync();            
                    K('form[name=example]')[0].submit();            
                    });            
                K.ctrl(self.edit.doc, 13, function() {            
                    self.sync();            
                    K('form[name=example]')[0].submit();            
                    });            
                }            
            });            
                                          
        });            
    </script>
       增加了参数后 这个基本就成了。代码中的表单名是example,一般默认的会是form1,如果你也是form1,那就改成form1即可。文本域的id值也可以不用而仅使用name:
 
<script charset="utf-8" src="../editor/kindeditor.js"></script>            
<script charset="utf-8" src="../editor/lang/zh_CN.js"></script>            
<script charset="utf-8" src="../editor/plugins/code/prettify.js"></script>            
    <script>            
        KindEditor.ready(function(K) {            
            var editor = K.create('textarea[name="content"]', {            
                cssPath : '../editor/plugins/code/prettify.css',            
                uploadJson : '../editor/asp/upload_json.asp',            
                fileManagerJson : '../editor/asp/file_manager_json.asp',            
                allowFileManager : true,            
                afterCreate : function() {            
                    var self = this;            
                    K.ctrl(document, 13, function() {            
                        self.sync();            
                        K('form[name=example]')[0].submit();            
                    });            
                    K.ctrl(self.edit.doc, 13, function() {            
                        self.sync();            
                        K('form[name=example]')[0].submit();            
                    });            
                }            
            });            
            prettyPrint();            
        });            
    </script>
        这个,文本域的id有没有就没关系了。
 
        wlyxxzdm接着说说改变编辑器默认的上传地址。
        从编辑器上传的东西,默认都保存在attched文件夹下。如果想让它传到你指定的文件夹下,那改动upload_json.asp文件下的'文件保存目录savePath。相应的文件保存目录地址也应该改。
        上传后,根据文件的扩展名,会建立不同类型的文件夹,比如,上传了图像类型的文件,会在指定的文件保存目录下新建image文件夹,image文件夹里,在按上传日期建立子文件夹。很有秩序。

文章评论 (评论内容只代表网友观点,与本站立场无关!)
  评论人:水泥板   打分:0 分  发表时间:2015-4-5 7:01:44
· 好文章,内容十全十美.禁止此消息:nolinkok@163.com水泥板http://www.chinabomeiban...

用户名: 查看更多评论

分 值:100分 85分 70分 55分 40分 25分 10分 0分

内 容:

         (注“”为必填内容。)