您的位置:首页 > 其它

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

2013-03-27 15:13 531 查看
自己的网站是用的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 & "/"

这二行用'注释掉就行了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: