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

在线演示：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行，修改为如下图中所示

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

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行如下

If Not Err Then
	SaveToFile = true
Else
	SaveToFile = false
	mException=Err.Description
End If

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 & "/"

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