2019独角兽企业重金招聘Python工程师标准>>>

KindEditor富文本编辑从数据库取出来内容回显在页面上会自动增加行间距

根据代码追踪显示,最终确定在jsp页面取出富文本编辑框中的内容的时候,格式是正确的

但是赋值给后台,后台接收的时候就出现了问题

所以,我们在从jsp页面将数据传给后台的时候进行操作就可以了,比如现将正确的数据封装起来,然后在后台在进行解除封装操作

jsp页面

var content = $("#kindEditor").val();
content = encodeURIComponent(content);//将数据封装起来
$('#picturePath').val(content);

java后台

String content = item.getPicturePath();
content = URLDecoder.decode(content, "utf-8");
回车换行会自动间距变大

对newlineTag属性增加性质:<br>或者<p>,如果是“”,就会出现回车行间距变大的问题

var keditor = KindEditor.create('#' + keid, {items : ['source', '|', 'undo', 'redo', '|', 'preview', 'print', 'code','cut', 'copy', 'paste','plainpaste', 'wordpaste', '|', 'justifyleft',],afterBlur : function() {this.sync();},//和DWZ 的 Ajax onsubmit 冲突,提交表单时 编辑器失去焦点执行填充内容afterUpload: function(){this.sync();},newlineTag : "br"
});

转载于:https://my.oschina.net/u/3748375/blog/3032596

KindEditor富文本编辑从数据库取出来内容回显在页面上会自动增加行间距以及回车换行会自动间距变大的问题...相关推荐

  1. ionic 富文本编辑样式后,前台不能回显样式

    ionic 富文本编辑样式后,前台不能回显样式 ts import { DomSanitizer } from '@angular/platform-browser';constructor(priv ...

  2. layui富文本编辑器上传图片java_解决layui富文本编辑器图片上传无法回显的问题...

    layui富文本编辑器用起来挺方便的,但是不足的是不提供图片上传的接口,需要自己写上传接口,而且返回的数据类型要符合layui富文本编辑器图片上传插件的要求,否则图片可以上传成功,但是无法回显,这个问 ...

  3. easyUI下拉框默认选中和联动、内容回显

    <td><input id="Area" name="Area" type="text" style="widt ...

  4. 使用ajax技术对内容进行修改,使内容回显到组件框中

    使用ajax技术对页面进行修改需要回显内容时,可将修改按钮的click事件绑定一个方法,方法的参数为要修改的ID,然后对弹出的修改 框进行页面回显,都是用XXX.val()即可.如果表单内容太多,可使 ...

  5. layui富文本编辑器图片上传无法回显问题解决

    layui富文本编辑器用起来挺方便的,但是不足的是不提供图片上传的接口,需要自己写上传接口,而且返回的数据类型要符合layui富文本编辑器图片上传插件的要求,否则图片可以上传成功,但是无法回显,这个问 ...

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

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

  7. 关于kindeditor富文本编辑的上传图片、音频、和视频的使用

    版本:KindEditor 4.x  官方文档:http://kindeditor.net/doc.php 最近在公司实现一个功能: 大概就是这样: 富文本编辑器的上传图片.音频和视频的原理,就是将这 ...

  8. 191210P4 Java富文本编辑之图片链接本地化

    Java富文本编辑之图片链接本地化 作者:邵发 官网:http://afanihao.cn/java 本文介绍在图文混编项目中(博客.新闻等),如何将富文本中的图片外链转为本地链接的问题.本文是Jav ...

  9. 微信小程序开发——实现修改文章富文本(hf_editor)输入框回显文章功能

    文章发布界面 就是一个类型选择.标题输入(input).内容输入(hf_editor) 代码就不详细说明了 当我们需要修改博客的时候一般的界面显示就是显示一个和发布类似的输入框,只是里面存有之前填写的 ...

  10. 如何原封不动的保存并安全回显输入内容

    在web开发中,经常需要原封不动的保存用户输入,并安全的回显到页面中.对于一般的字符串,比如abc.123之类的输入,直接回显到web页面中并没有什么不妥.但对于<javascript>a ...

最新文章

  1. 基于Android平台的多分辨率解决方案[图]
  2. 2020年 第11届 蓝桥杯 Java B组 省赛真题详解及小结【第1场省赛 2020.7.5】
  3. Struts DispatchAction
  4. 【php学习笔记】ticks篇
  5. java list 初始化_Java新特性:数据类型可以扔掉了?
  6. 外设驱动库开发笔记34:OLED显示屏驱动
  7. RuoYi-Cloud 部署篇_02(linux环境 mysql+nginx版本)
  8. Spark基础学习笔记06:搭建Spark On YARN模式的集群
  9. 微信昵称上标电话号码,实用的新玩法
  10. 【matlab-1】工具箱、窗口、变量的存储与加载、帮助
  11. python能做什么工作-Python学完工作不好找?看看数据分析可视化都可以做什么
  12. SparkStreaming 入门案例之wordcount
  13. python 线程(创建2种方式,锁,死锁,递归锁,GIL锁,守护进程)
  14. Extjs EditorGridPanel复选框实现单选, 同时锁住指定行
  15. 隐身术——使用Tor匿名网络与proxychains构建SOCKS代理链IP跳板,在***测试与******时销声匿迹...
  16. 以前的windows安装文件可以删除吗_Windows系统中“C盘”可以删除的文件—让你最大限度提C盘空间...
  17. Aidlux实践-快速实现街道人流量统计系统
  18. 使用cv2.imwrite保存的图像是全黑的
  19. python(matplotlib)绘制直方图及阶梯图
  20. 使用Vue3学习Vue的基础知识

热门文章

  1. 赛车游戏代码大全html,赛车游戏代码
  2. 线性分类模型和向量矩阵求导_自然语言处理中向量空间模型的矩阵设计
  3. pd4ml_您应该在本周(7月4日)阅读有趣的AI / ML文章
  4. 华为计算机充电指示灯,数码产品:华为p40充电指示灯不亮在哪里设置 有指示灯吗...
  5. linux服务器做301跳转,linux主机如何实现301重定向
  6. python字典统计字母出现次数_第三篇 python运用字典统计字符串中字母出现的次数...
  7. python外星人游戏最高得分永久储存_用python编写外星人入侵中为什么消除第一个外星人得分100,而且最高分和当前分数不匹配?...
  8. AC日记——【模板】二分图匹配 洛谷 P3386
  9. Maven最佳实践:管理依赖
  10. ubuntu wireshark找不到网卡及开启IP转发