场景

富文本编辑器kindeditor4.1.10

在进行上传照片时,传到服务器上为绝对路径,将url返回前端后,存到数据库为相对路径。

kindeditor4.x官方文档:

http://kindeditor.net/docs/option.html

因为kindeditor会自动将绝对路径裁剪为相对路径。

实现

找到实现富文本编辑器的页面这里是jsp页面,查看调用的js的地方。

找到该路径下的js文件,有的是kindeditor.js或者kindeditor-all.js或者kindeditor-all-min.js

双击打开js文件,搜索 K.option ,找到如下部分

默认是为空,查看官方文档:

urlType

改变站内本地URL,可设置”“、”relative”、”absolute”、”domain”。空为不修改URL,relative为相对路径,absolute为绝对路径,domain为带域名的绝对路径。

  • 数据类型: String
  • 默认值: “”

所以这里设置为带域名的绝对路径。

然后来到页面中的js部分,将格式化url设置为false:

formatUploadUrl:false,

为了能在前端进行输出查看文件的url,可以添加afterUpload来输出上传文件的url:

afterUpload

上传文件后执行的回调函数。

  • 数据类型: Function
  • 默认值: 无
KindEditor.ready(function(K) {K.create('#id', {afterUpload : function(url) {alert(url);}});
});

Kindeditor中上传本地照片后需要带域名的绝对路径实际获取为相对路径相关推荐

  1. 关于富文本kindeditor中上传本地图片成功后获取到的图片路径是相对路径修改为绝对路径...

    找到kindeditor插件kindeditor-all.js,找到urltype的设置, K.options = {designMode : true,fullscreenMode : false, ...

  2. kindeditor上传本地图片的问题

    终于给我发现kindeditor上传本地图片时,为什么出现服务器错误 原来demo.jsp里的: KE.show({ id : 'content1', imageUploadJson : '../.. ...

  3. java中上传本地图片

    如果你想上传多张图片:http://blog.csdn.net/xuanzhangran/article/details/54929988 如果是上传单张如下: 点击上传图片按钮,上传本地 效果如图: ...

  4. kindeditor上传本地图片实例

    所需插件:kindeditor下载   密码: 5ry4 jsp文件: <script type="text/javascript" language="javas ...

  5. Kindeditor上传本地图片成功后不回显,弹出层也不关闭,解决办法

    一. 只要本地上传,不要网络图片,的方法:把kindeditor一个image.js中 allowImageRemote = K.undef(self.allowImageRemote, true) ...

  6. 在tinymce富文本中上传本地视频编辑器中不能预览的解决方案

    富文本编辑器里上传了本地视频之后,编辑区内视频不能实时预览,在调试工具中发现tinymce默认生成的是img标签. 百度一圈后发现两种解决方案, 1.修改tinymce源码 参考文章 2.自定义上传功 ...

  7. kindeditor上传本地mp4视频

    修改源代码! 打开kindeditor-all.js,搜[K.options],在里面htmlTags子项内加: video : ['id', 'class', 'src', 'width', 'he ...

  8. java 获取发布后的路径问题_Java中的路径问题实例分析

    Java中的路径问题实例分析 前言:关于Java中得路径问题,网上有很多获取的答案,我这篇文章的目的在于说明获取路径时一些不常见的概念.在实际应用中使用的比较多的就是,当前路径和配置文件的路径(其他文 ...

  9. exif.js解决ios手机上传照片后显示为旋转90度问题(兼容ios13.4之前的版本 )

    exif.js解决ios手机上传照片后显示为旋转90度问题(兼容ios13.4 ) 问题描述: 在做手机移动端app时,发现iOS12.5.1版本(iphone6)上传照片出现顺时针旋转90问题,ip ...

最新文章

  1. 移动设备真机调试本地程序的Node.js【无需连wifi】
  2. Vue项目中使用图片裁切器 cropperjs (头像裁切)
  3. 通达信公式转python为什么很难_转行数据分析为什么这么难?
  4. scrapy学习笔记1---一个爬取的完整例子
  5. js 倒计时 php,2种简单的js倒计时实现方法
  6. 深度解读 | 102万行代码,1270个问题,Flink 1.10 发布了什么?
  7. 惊呆了!不改一行 Java 代码竟然就能轻松解决敏感信息加解密|原创
  8. 阶段3 2.Spring_02.程序间耦合_6 工厂模式解耦
  9. Windows Phone 7 不温不火学习之《工程结构》
  10. oracle怎么修改表字段长度,Oracle修改表结构字段名和字段长度
  11. java8用什么tomcat_Tomcat8+JDK8安装与配置
  12. 命里有时终须有,命里无时莫强求
  13. mysql创建视图注意事项_mysql视图创建注意事项(转)
  14. ios端 QQ 内语音通话录制-5823错误原因细究
  15. 解除WORD文档保护
  16. c语言成绩报告单评语,期末成绩报告单评语
  17. 失去后才发现一直都爱
  18. python 三维数据绘制等高线_python密度与等高线绘制,Python,和,轮廓图,Matplotlib,详解...
  19. java使用自定义HTML模板发送邮件——记录开发篇1
  20. ROS安装:一键解决人生烦恼

热门文章

  1. python求乘积内建函数_Python中的内建函数(Built_in Funtions)
  2. oracle主键自动增长
  3. 使用jsp和tld实现javaweb开发
  4. List Set Map的区别
  5. python读取csv某一列存入数组_python 读取.csv文件数据到数组(矩阵)的实例讲解
  6. 文件名不能为null_色即是空,空即是色---java有关null的几件小事
  7. Ubuntu下安装vscode c++环境
  8. python增删改查的框架layui_spring+springMvc+mybatis+layui实现数据表格的增删改查(纯layui实现)...
  9. 测试x86cpu的指令集
  10. linux内存管理简介,Linux内存管理机制简介