kindEditor上传图片错误,不成功的问题总结

自己的网站是用的GB2312的编码,ASP做的网站。

原来用了ewebeditor 的后台HTML编译器,在使用了新空间后,编译器上传图片不成功了。

我在网上找ewebeditor相关的资料,发现资料很少,自己去研究太花时间了,ewebeditor也不支持非IE的浏览器。还是另外使用一个HTML后台编辑器吧。

 

在网上搜索了几个有名的后台编辑器,如下:

CKEditor  http://www.oschina.net/p/ckeditor    FCKeditor (CKEditor是FCKeditor的新版本,但是CKEditor本身没有图片上传与文件上传的功能,需要安装收费的KCFinder,有点麻烦)

TinyMCE http://www.oschina.net/p/tinymce  (我看了一下,这个插件太简单了点,还是算了)

KindEditor  http://www.oschina.net/p/kindeditor (这个的界面还算不错,也带图片上传,就这个了

 

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

CKEditor是新一代的FCKeditor,是一个重新开发的版本。CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。

可配合使用的扩展有 文件管理器KCFinder

kindEditor上传图片错误,不成功的问题总结_第1张图片

在线演示:http://ckeditor.com/demo

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

kindeditor的使用方法:

官方的:http://www.kindsoft.net/docs/usage.html

我自己的,可以自己设置一下相关的参数,现在官网和网上给的都是PHP的例子,不是ASP的,需要自己修改,我开始还没注意到。

 <script>
 KindEditor.ready(function(K) {
   //全局配置
   var serverScriptPath='/editor/asp/';//服务端文件文件夹URL绝对路径,最后要有/
   var editorPluginsPath="/editor/plugins/";//编辑器的插件文件夹URL绝对路径,最后要有/
   //全局配置结束
 var editor1 = K.create('textarea[name="editor_id"]', {//指定textarea
    //不要改动
 uploadJson : serverScriptPath+'upload_json.asp',
 fileManagerJson : serverScriptPath+'file_manager_json.asp',
    cssPath :editorPluginsPath+'code/prettify.css',
    emoticonsPath:editorPluginsPath+"/emoticons/images/",
    //不要改动结束
 allowFileManager : true
 });
 });

 </script>


记得要引入二个JS文件,下载包里有,自己找一下。

<script charset="utf-8" src="../editor/kindeditor.js"></script>
<script charset="utf-8" src="../editor/lang/zh_CN.js"></script>


需要在调用的地方放一个文本框,就可以显示出编辑器了。

<textarea id="editor_id" name="content" style="width:700px;height:300px;"> <strong>HTML内容</strong> </textarea>


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

上传图片的时候会出现的一些问题。

1、参考地址:http://www.stepday.com/topic/?256

 

我在用KindeditorHTML编辑器上传图片的时候,出现这个错误提醒缺少对象: 'SaveToFile(...)'。经过多番查找资料,最终定位了出错点。

set result = file.saveToFile(savepath,0,true)


将其上方的代码修改为

file.saveToFile savePath, 0, true 

 

即可正确上传。

2、参考地址:http://www.stepday.com/topic/?257

我想做网站开发的程序员们对Kindeditor编辑器并不陌生的吧,它是一款非常强大的编辑器,轻量级的。结合纯jQuery+CSS写成的,部署环境起来非常的简单方面快捷。在Kindeditor的官方网站上面供下载的Demo,不过里头默认的都是php方面的demo。那么asp的大神些如何能够实用在自己的网站项目中去呢?我们需要做如下几点。

1、设置负责文件上传asp文件的路径

设置这个路径值我们可以设置两个地方:

1)、/kindeditor/plugins/images/image.js内的第15行,修改为如下图中所示

修改image.js内的地址

2)、修改kindeditor所嵌入的页面,写上上传文件asp的地址,最好写相对路径,不要使用.../这样的形式


kindEditor上传图片错误,不成功的问题总结_第2张图片



2、修改upload_json.asp文件

 


'上传成功返回true,否则返回false
result = file.saveToFile(savePath, 0, true)
if result = false then
	response.Write("")
    response.End
end if



3、修改Upload_Class.asp文件

修改Upload_Class.asp内的saveToFile函数内的518行和520行如下

 


IfNotErrThenSaveToFile=trueElseSaveToFile=false
	mException=Err.DescriptionEndIf




Kindeditor无组件文件上传(asp)资料包:下载地址

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

我的总结

如果程序提示有非法字符串结束,是因为官网的ASP用的是UTF8编码,和我的ASP GB2312编码有冲突,把下载包里的ASP转成GB2312编码后,就没有非法字符串结束的提示了。图不截了,不记得了。

还有一个问题就是上传的时候提示saveToFile的错误,按上面的提示修改就可以了。

在本地终于把上传图片的问题解决了。官网为什么不给个ASP的详细教程呢?而且还现在的版本还有问题,太纠结了。

这种东西应该下载下来就可以用的,花我这么多时间,纠结也。

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

默认图片上传后就在 /image/YYMMDD/YYMMDD+rand.jpg 这样的路径的,如果想把YYMMDD目录去掉,可以修改 upload_json.asp文件。

在第77行

savePath = savePath & ymd & "/"
saveUrl = saveUrl & ymd & "/"

这二行用'注释掉就行了。

 

 

 

你可能感兴趣的:(kindeditor)