K9 通用版 博客版 主题版 地方门户版 企业版 |   企业(ASP) 分类 使用 分享 疑问 模板 建议 帮助 错误 其他
+新建主题 [Ajax]
填写帐号密码即可完成注册
+新建话题 最新回复排序 最新主题排序 精华帖子

kingcms里添加KindEditor并带上传图片加水印功能

1Next >

dujun0618 发表于:13-11-11 10:04 编辑于:11-11 11:47 [添加收藏] 楼主 [回复] #Top#
dujun0618 人气:148 积分:7 金币:26604
大家知道kingcms只自带了一个FCKeditor编辑器,可是功能不怎么强,后来自己又加了一个ewebeditor编辑器,功能虽然很强,可是破解版只支持IE浏览器,主要是不支持谷歌浏览器,因为我平时都用谷歌。后来发现KindEditor编辑器支持谷歌,并且功能也很强的。
kingcms里添加KindEditor并带上传图片加水印功能[图1]

实现方法:
一、在KindEditor官方网站下载KindEditor编辑器,下载后发现支持asp,jsp,php,.net这四种语言,你只用asp语言的,为了让编辑器精简,可以删除不需要的目录与文件,也可以直接下载我精简好的文件包,把精简好的文件包上传到后台目录/system/editor里。

二、在page/system/fun.asp文件里找到public sub form_editor(l1,l2,l3,l4)函数,在函数select case lcase(r_editor)语句里再加一个case,代码如下:
case"it618_kindediter"
Il "<link rel='stylesheet' href='../system/editor/it618_kindediter/themes/default/default.css' />"
Il "<link rel='stylesheet' href='../system/editor/it618_kindediter/plugins/code/prettify.css' />"
Il "<script charset='utf-8' src='../system/editor/it618_kindediter/kindeditor.js'></script>"
Il "<script charset='utf-8' src='../system/editor/it618_kindediter/lang/zh_CN.js'></script>"
Il "<script charset='utf-8' src='../system/editor/it618_kindediter/plugins/code/prettify.js'></script>"
Il "<script>"
Il "  KindEditor.ready(function(K) {"
Il "  var editor1 = K.create(""textarea[name='"&l1&"']"", {"
Il "  cssPath : '../system/editor/it618_kindediter/plugins/code/prettify.css',"
Il "  uploadJson : '../system/editor/it618_kindediter/asp/upload_json.asp',"
Il "  fileManagerJson : '../system/editor/it618_kindediter/asp/file_manager_json.asp',"
Il "  allowFileManager : true,"
Il "  afterCreate : function() {"
Il "  var self = this;"
Il "  K.ctrl(document, 13, function() {"
Il "  self.sync();"
Il "  K('form[name=form1]')[0].submit();"
Il "  });"
Il "  K.ctrl(self.edit.doc, 13, function() {"
Il "  self.sync();"
Il "  K('form[name=form1]')[0].submit();"
Il "  });"
Il "  }"
Il "  });"
Il "  prettyPrint();"
Il "  });"
Il "</script>"
Il "<textarea name='"&l1&"' style='width:800px;height:490px;visibility:hidden;'>"& formencode(l3) &"</textarea>"

三、默认的KindEditor文件包没有上传图片加水印功能,需要另外修改相关文件,配置方法《ASP中配置Kindeditor上传图片选择添加水印功能》,不过我制作的精简文件包已经配置了水印功能。

四、需要注意的是,配置里的放图片与附件目录的是../../../../../up_files/,也就是网站的根目录里的up_files目录,如果你想修改,可以修改这几个文件:
1、dj_KindEditer/asp/file_manager_json.asp
'根目录路径,可以指定绝对路径,比如 /var/www/attached/
rootPath = "../../../../../up_files/"
'根目录URL,可以指定绝对路径,比如 http://www.yoursite.com/attached/
rootUrl = aspUrl & "../../../../../up_files/"

2、dj_KindEditer/asp/upload_json.asp
'文件保存目录路径
savePath = "../../../../../up_files/"
'文件保存目录URL

saveUrl = aspUrl & "../../../../../up_files/"


原文+精简包下载:

如何在kingcms里添加KindEditor编辑器并带上传图片加水印功能

http://www.cnit618.com/html/kyxt/kingcms/3077.htm

dujun0618 发表于:13-11-11 11:46 沙发 [回复] #Top#
dujun0618 人气:148 积分:7 金币:26604
FCKeditor是完全开源免费的编辑器,很不错,支持所有浏览器
c6281564 发表于:13-11-12 16:15 板凳 [回复] #Top#
c6281564 人气:8 积分:17 金币:156
感谢楼主分享了,很好的教程
diazuishang 发表于:13-12-14 12:01 4楼 [回复] #Top#
diazuishang 人气:7 积分:14 金币:354
感谢楼主分享了,很好的教程
sxnh756 发表于:16-11-17 16:27 5楼 [回复] #Top#
sxnh756 人气:6 积分:61 金币:487
测试无效果啊,代码添加错误,下载地址早已没有

1Next >

发表回复

帐号 匿名发布 审核后可见 [加载完整在线编辑器]
内容
验证码
KingCMS 内容管理系统

关于我们 联系我们 广告报价 付款方式 站点导航

Copyright © 2004-2015 Focuznet All rights reserved.

广州唯众网络科技有限公司 粤ICP备08008106号

中奖了!