kindEditor编辑器里头编辑显示与UI显示图片问题
[问题点数：20分，结帖人b]
kindEditor编辑器里头编辑显示与UI显示图片问题
[问题点数：20分，结帖人b]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
本帖子已过去太久远了，不再提供回复功能。你的位置： >
> kindeditor上传多图,可预览,可编辑
一开始实现上传多图，使用的方法是input=file，然后name等于数组，这样的确可以实现多图上传，处理多图的方法还借鉴了，但是这样仅仅是把图片上传到服务器，本地不可以预览，不可以编辑，功能稍微弱了一点；于是乎，找到了编辑器，用了它的一个多图上传的组件，使用的方法很简单：
把包解压到指定位置，在页面引入一个css样式文件，一个主要的js文件，一个语言包，注意路径：
&link rel=&stylesheet& href=&./kindeditor/themes/default/default.css& /&
&script src=&./kindeditor/kindeditor.js&&&/script&
&script src=&./kindeditor/lang/zh_CN.js&&&/script&
页面添加input按钮，再指定一块区域作为图片预览的位置，源码来自官网：
&input type=&button& id=&J_selectImage& value=&批量上传& /& //出发按钮
&div id=&J_imageView&&&/div&
//预览图片的位置
初始化配置kindeditor:
KindEditor.ready(function(K) {
var editor = K.editor({
allowFileManager : true
//开启多文件上传
K('#J_selectImage').click(function() {
editor.loadPlugin('multiimage', function() {
editor.plugin.multiImageDialog({
clickFn : function(urlList) {
var div = K('#J_imageView');
//div.html('');
//这行要去掉，会影响图片预览框内的样式
K.each(urlList, function(i, data) {
div.append('&img src=&' + data.url + '&&');
//data.url是图片上传之后返回的url
editor.hideDialog();
使用效果如图:
上传之后的预览
到这里，还只是一个普通的可预览的上传多图，而在实际的项目里，我想要的效果则是可编辑，并且为多图绑定一个集合；于是乎，又借鉴了phpcms里面上传多图的思路：就是在把图片集合上传到服务器的时候，只是把图片的url地址绑定在一起，而不用管图片实体的具体位置，必要的时候，这张图片也可以分配到别的集合；于是乎，直接修改上传图片的回调函数:
K.each(urlList, function(i, data) {
div.append('&div class=&pic-item&&&img src=&' + data.url + '& alt=&& width=&200& height=&200&&&input type=&text& name=&multi-pic[]& value=&' + data.url + '&&&span class=&remove-pic-item&&X&/span&&/div&'); //大致就是这样的结构
//需要在&div id=&J_imageView&&&/div&外部或内部嵌套一个form表单
其实就是把图片的地址再作为一个text数组，再通过form表单传至服务器
这样前台在上传图片不仅可以预览，也可以编辑（通过jquery，点X把当前的图片和input框从dom删除）
ok，总算实现了想要的效果，虽然还不是很完美。使用kindeditor作为富文本编辑器也还是比较不错的，它和ueditor相比，功能更精简，更易用（个人感受）
本文永久地址：/13366.html本文出自
，转载时请注明出处及相应链接。
与本文相关的文章Ecshop后台添加商品、文章时详细描述与文章内容为空_ecshop吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：4,723贴子：
Ecshop后台添加商品、文章时详细描述与文章内容为空收藏
之前正常，突然出现的问题，重新覆盖了includes文件，问题依然存在，没有做任何代码修改操作，换了多个浏览器也是一样的。还请高人指点，在此先谢谢了
这款游戏可以体验洪荒之力！我露出了迷之微笑
可以考虑换一个编辑器，ecshop默认的 不太好
ecshop更换升级FCKeditor编辑器到Kindeditor，支持图片批量上传，和百度地图添加的功能，kindeditor是个不错的编辑器。1，首先下载kindeitor最新版放到includes目录2，删除 admin/goods.php 大约107行
include_once(ROOT_PATH. 'includes/fckeditor/fckeditor.php'); // 包含 html editor 类文件3，删除 admin/goods.php 大约414行
create_html_editor('goods_desc',$goods['goods_desc']); 修改成： $FCKeditor =create_html_kindeditor('goods_desc', $goods['goods_desc'], 'theForm');// 最后一个参数theForm是新增的，可以指定后台包含编辑器的表单的名字。 $smarty-&assign('FCKeditor',
$FCKeditor); 这样，ecshop模版里面原有的$FCKeditor就不用再去修改了。4. 修改 admin/includes/lib_main.php文件，找到大概 大约324行增加create_html_kindeditor行数，代码如下：/** * 生成 kindeditor *
string input_name
输入框名称 * @param
string input_value 输入框值 * @param string form_name
所在表单名称 */functioncreate_html_kindeditor($input_name, $input_value = '', $form_name = ''){
$kindeditor ="&script src='/includes/kindeditor/kindeditor-all-min.js'charset='utf-8'&&/script&&scriptsrc='/includes/kindeditor/lang/zh_CN.js' charset='utf-8'&&/script&&scriptsrc='/includes/kindeditor/plugins/code/prettify.js'charset='utf-8'&&/script&
KindEditor.ready(function(K) {var editor1 =K.create('textarea[name=".$input_name."]', {cssPath : '/includes/kindeditor/plugins/code/prettify.css',uploadJson :'/includes/kindeditor/php/upload_json.php',fileManagerJson :'/includes/kindeditor/php/file_manager_json.php',afterBlur : function() {
this.sync();
K.ctrl(document, 13, function() {
K('form[name=" . $form_name ."]')[0].submit();
K.ctrl(this.edit.doc, 13, function() {
K('form[name=" .$form_name . "]')[0].submit();
});}});prettyPrint();});
&textareaid=\"$input_name\" name=\"$input_name\"style='width:700height:300'&$input_value&/textarea&";
return $}//***说明，这里调用的aterBlur的JS函数，就可以解决ecshop更换kindeditor编辑器，提交数据不保存的原因了，因为如果没调用editor的sync函数的话，编辑器里面生成的内容，没办法保存提交的。5. kindeditor中 ./php目录下的 file_manager_json.php和upload_json.php中的$php_path 和 $php_url 改成自己想要的就行了。 友情提醒：一般来说这种开源编辑器难免有漏洞公布出来，最好是把kindeditor的路径给改了。这样别人访问不到editor的路径，可以介绍风险。
更换了之后文章内容依然是空白，商品详细描述正常，但是上传图片的时候总是上传失败，请问下是怎么回事？
果然不错的方法，本来莫名其妙丢失编辑工具就想放弃ECSHOP，试了这方法确定可以，不过默认宽带改大点更理想，谢谢！
我用ie浏览器的情况也是这样的，但是换了Firefox浏览器就正常了
修改后，文章的又出问题了，直接变成文本框了，该咋整呢？
您好,模板堂已建立了官方的qq建站讨论群： 您可以在工作日时间咨询群内技术人员或者和群友互相讨论。群里有很多的教程，资源，来满足您的大部分需求。
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员，您的IP地址所在网段被ITeye拒绝服务，这可能是以下两种情况导致：
一、您所在的网段内有网络爬虫大量抓取ITeye网页，为保证其他人流畅的访问ITeye，该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站，该代理服务器被网络爬虫利用，大量抓取ITeye网页
请您点击按钮解除封锁&}