解决KindEditor图片上传路径问题

一、需求

通过wordpress下的kindeditor插件自带的图片上传功能实现带<a></a>标签的链接。即由<img src="/wp-content/uploads/2015/03/test.jpg" alt="" />更改为<a href="http://www.111cn.net /2015/03/test.jpg"><img src="http://www.111cn.net /2015/03/test.jpg" alt="" /></a> 。

二、调整

1、由相对URL更改为绝对URL

<img src="/wp-content/uploads/2015/03/test.jpg" alt="" />
更改为
<img src="http://www.111cn.net /2015/03/test.jpg" alt="" />
进入wp-content/plugins/kindeditor-for-wordpress插件目录,修改upload_json.php文件改如下两部分:

文件保存目录路径

$save_path = $php_path . '../../../uploads/';

更改为

$save_path = '/data1/img';

文件保存目录URL

$save_url = $php_url . 'uploads/';

更改为

$save_url = 'http://img.91it.org/';

2、增加链接标签

上传增加<a></a>引用标签,

<img src="http://www.111cn.net /2015/03/test.jpg" alt="" />

更改为

<a href="http://www.111cn.net /2015/03/test.jpg"><img src="http://www.111cn.net /2015/03/test.jpg" alt="" /></a>

修改:wp-content/plugins/kindeditor-for-wordpress/kindeditor.js文件,insertimage:function(a,b,c,d,e,g)部分:

108行左右

'<img src="'+ C(a)+'" data-ke-src="'+C(a)+'" '
更改为
'<a href="'+ C(a)+'"><img src="'+ C(a)+'" data-ke-src="'+C(a)+'" '
a+='alt="'+C(b)+'" ';a+="/>"
更改为
a+='alt="'+C(b)+'" ';a+="/></a>"

时间: 2024-08-01 08:15:58

解决KindEditor图片上传路径问题的相关文章

v1 3 6-ueditor v1.3.6 如何修改图片上传路径 php

问题描述 ueditor v1.3.6 如何修改图片上传路径 php ueditor v1.3.6 如何修改图片上传路径 php文件的 请详细说明要修改哪些文件,修改哪些内容(我想要把图片存储在根目录下的upfile里)谢谢 解决方案 DEMO根目录下的ueditor.config.js,里面有配置说明.. 文件保存路径修改config.php和fileUp.php中的配置

百度ueditor怎么修改图片上传路径(可以存储在单独的图片服务器么,不存储在项目根目录下)?

问题描述 百度ueditor怎么修改图片上传路径(可以存储在单独的图片服务器么,不存储在项目根目录下)? 百度ueditor怎么修改图片上传路径(可以存储在单独的图片服务器么,不存储在项目根目录下)? 解决方案 当然可以,找到保存文件的地方,路径参数改为局域网共享那种地址 192.168.1.xxxxxxx也可以保存,要记得给everyone写入权限 然后图片服务器也要安装iis,配置一个二级域名用来加载图片,修改ueditor image插件js的文件中返回的图片路径为二级域名的路径 解决方案

jsp:kindeditor图片上传错误的问题

问题描述 jsp:kindeditor图片上传错误的问题 图片上传成功,但是总是返回上传错误的页面,如下: {"error":0,"url":"/test/attached/image/201412/20141219093827_456.jpg"} 解决方案 你的这个是上传成功返回的数据,会弹出错误页面? 解决方案二: 嗯 我看文档说返回0是上传成功,但是我的就是图片上传成功了.但是返回上传错误界面 解决方案三: 嗯 我看文档说返回0是上传成功,

java图片上传路径问题

问题描述 java图片上传路径问题 想要在后台上传一张图片到项目,然后再前台加载出来,应怎样设置上传路径? 解决方案 你是在图纸中夹杂,还是??? 解决方案二: 上传路径跟一般的访问路径一样,只不过内容部分多了张图片,建议先了解一下http协议. 解决方案三: 上传路径通常都是项目部署的根目录下的. request.getSession().getServletContext().getRealPath("/") 获取的是Servlet容器对象,相当于tomcat容器了,获取实际路径,

PHP结合Ueditor并修改图片上传路径_php技巧

前言 在使用UEditor编辑器时,一般我们都是需要修改默认的图片上传路径的,下面是我整理好的修改位置和方法供大家参考. 操作 Ueditor PHP版本本身自带了一套上传程序,我们可以在此基础中,找到配置文件修改它.配置文件位置: ueditor/php/config.json 内容如下: /* 前后端通信相关的配置,注释只允许使用多行方式 */ { /* 上传图片配置项 */ "imageActionName": "uploadimage", /* 执行上传图片

KindEditor 图片上传插件应用

KindEditor 图片上传插件应用 imageUploadJson的参数action这个我们还没有写呢!不要着急,如果你急的已经部署打开了该页面你会发现缺了三个图标,那是我们以后文章中实实在在写的三个插件的图标. css教程Path : 'css/ke.css' 这个是编辑器内容里的一些自定义的样式,比如我们要写引用文本插件,代码高亮插件的时候就用得着了!暂时别急,写上了就写上了也没什么问题.我们稍后完成! 第二步写我们的重中之重的action: 首先声明下我访问action的时候结尾不是以

KindEditor图片上传的Asp.net代码实例_实用技巧

复制代码 代码如下: using System;using System.Globalization;using System.Collections;using System.Configuration;using System.Data;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.HtmlControls;using System.Web.UI.WebControls;u

解决WordPress 图片上传问题

比如这 WordPress 后台上传图片的问题: There are no HTTP transports available which can complete the requested request. 有人说是缺少 php5-curl 模块的缘故,我服务器系统跑的是 openSUSE 13.1 64位,检查 php5-curl 的情况:  代码如下 复制代码 zypper info php5-curl 输出结果如下: Information for package php5-curl:

kindeditor 图片上传后生成带域名绝对路径配置方法

关键在于初始化kindeditor时指定以下参数: urlType "" 空为不修改URL "relative" 相对路径 "absolute" 绝对路径 "domain" 带域名的绝对路径. 例子:    代码如下 复制代码 htmlEditor = K.create( '#content', { uploadJson : '../kindeditor/jsp/upload_json.jsp', fileManagerJso