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

最新推荐文章于 2024-07-01 15:09:15 发布
最新推荐文章于 2024-07-01 15:09:15 发布
阅读量1.5k 收藏 2
点赞数
文章标签： 数据库 python
原文链接：https://my.oschina.net/u/3748375/blog/3032596
版权
在使用KindEditor富文本编辑器时，从数据库中取出的内容在页面回显时会自动增加行间距，且回车换行产生较大间距。问题源于数据在传递到Java后台过程中格式发生变化。解决办法是在JSP页面将正确数据封装，然后在后台解封，同时注意 newlineTag 属性设置，避免使用空字符串，以防止行间距和回车间距异常。参考来源：https://my.oschina.net/u/3748375/blog/3032596。
摘要由CSDN通过智能技术生成

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

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

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

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

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

jsp页面

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

java后台

String content = item.getPicturePath();
content
最低0.47元/天 解锁文章
weixin_34001430
关注
kindeditor富文本编辑器以及使用文档说明.zip
10-29
KindEditor是一款功能强大的开源富文本编辑器，常用于网页内容编辑和管理，为用户提供类似Microsoft Word的编辑体验。它支持多种浏览器环境，如IE、Firefox、Chrome、Safari和Opera等，具有良好的跨平台性和兼容性。...
关于编辑器KindEditor自动过滤首行缩进和全角空格的解决方法
XYCMS博客家园
06-03 2312
KindEditor 4.1.11：kindeditor-all.js 文件 第772行：var re = /(\s*)<(\/)?([\w\-:]+)((?:\s+|(?:\s+[\w\-:]+)|(?:\s+[\w\-:]+=[^\s"'<>]+)|(?:\s+[\w\-:"]+="[^"]*")|(?:\s+[\w\-:"]+='[^']*'))*)(\/)?>(...
KindEditor空格问题
u012645961的专栏
12-31 4945
问题描述：网站的页面提交需要用到KindEditor来进行富文本提交。在编辑文章时，需要用到空格来进行排版，每次提交保存到数据库后，在页面显示没问题，但从后台进行第二次修改编辑的时候，空格不在了。 问题解决：问题出在从数据库读出数据后，再次放入富文本编辑器的时候。从数据库读出来的内容要做一下替换后再放到textarea标签之中，替换的代码如下         String content=re
关于富文本组件内容第一次不回显问题
最新发布
m0_66757598的博客
07-01 316
wangEditor富文本作为组件，首次内容不回显问题
使用KindEditor上传图片回显的问题（使用Nginx）
SnowMultiflora的博客
09-27 480
http协议代理 由于 ftp 服务器是基于 ftp 协议处理的。那么现在我想在外部访问该图片，是没有办法访问的。他是不能处理 http 协议的。所以我们需要拥有一个能够处理 http 协议代理服务器。其实就是使用了 Nginx 的虚拟主机的方式。 需求 使用 Nginx 的基于域名的虚拟主机的方式来完成在 KindEditor 中添加图片时的图片回显处理。 nginx：19...
wangeditor 回显数据问题
sunlizhen的专栏
03-13 9562
editor.txt.html('<p>用 JS 设置的内容</p>') 或者： this.editor.txt.html('<p>' + this.value + '</p>') 设置的时候必须包裹在p标签里面 否则会出现 回车不换行的问题 ...
KindEditor实现上传图片与回显
Strive279的博客
11-10 1836
本博客前面还有一个简化版容易理解：https://blog.csdn.net/Strive279/article/details/121250542 1.自定义编辑器 // 创建编辑器 editor = KindEditor.create( "#editor_id", { resizeType : 1, allowImageUpload:true,//允许上传图片 allowFileManager:true, //允许对上传图片进行管理
ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法
01-21
我在我的项目中使用了Kindeditor富文本编辑器（或许你使用的是Ueditor\ckeditor）,通过富文本编辑器编辑文章的内容然后存储到数据库中，再从数据库中读取显示到网页上来。 在这个过程中，我遇到一个问题，当我在...
kindeditor 4.1.10富文本编辑器【上传FLV视频】ASP版.rar
01-06
KindEditor是一款广泛应用于Web开发中的开源富文本编辑器，它提供了丰富的编辑功能，使得用户可以在网页上方便地进行文字编辑、格式调整、插入图片、链接等操作，类似于Word的在线版。在4.1.10这个版本中，开发者...
在页面应用kindeditor富文本编辑器
01-14
总的来说，KindEditor是一个强大且易用的富文本编辑器，它的灵活性和丰富的API使得在网页中实现复杂的内容编辑变得简单。正确地配置和使用KindEditor，能够提升用户体验，使网站的内容编辑更加便捷高效。
springboot中kindeditor 上传图片及其富文本如何回显及其他小问题第二版
taiguolaotu的博客
06-22 863
这篇博客延续上一篇继续往下讲 function submitContent() { var photoBigtitle = $("#photoBigtitle").val(); var editorContent = encodeURIComponent(editor.fullHtml()); //decodeURIComponent // var editorContent=editor.fullHtml(); var photoSmall
修改kindEditor插入文件后文件的回显名称
weixin_33735077的博客
04-25 312
2019独角兽企业重金招聘Python工程师标准>>> ...
KindEditor上传图片回显至前台（淘淘商城案例）
yinshuomail的博客
08-12 747
文件上传至后台特定目录存储没问题，存储的位置在webapp下的image目录中。 由于tomcat访问webapp下的静态资源时不能直接访问，所以必须在springmvc.xml中添加配置如下： &lt;!-- 注册静态资源 --&gt; &lt;mvc:resources mapping="/image/**" location="/image/" /&gt;   前台要求返回的...
KindEditor中上传图片不回显的问题
JokerWaver的博客
06-18 2671
图片服务器配置路径如图所示时: 图片回显请求地址为 回显地址中的"http://localhost:8080"多余,所以找不到回显图片， 将图片服务器的地址前加上"http://"后即可解决问题。
SSM中使用Kindeditor插件实现图片的批量上传与回显
YingZiBo的博客
11-21 4344
效果展现： 一.前端实现批量上传弹出框 二.后端实现图片的保存于回显
Struts2框架下使用Kindeditor上传图片
shifanzhang的博客
08-04 368
之前的项目是用Spring的模式上传Kindeditor图片到服务器，但是现在这个项目里面只有Struts2框架所以跟Spring不一样，以下为代码： public Object fileUpload(){ String savePath=this.getCurSession().getServletContext().getRealPath("")+"/attached";
使用SpringBoot和KindEditor完成图片批量上传和回显
怡宝的大方哥
08-03 1481
摘要： 今天开发中用到了KingEditor富文本编辑器，一款功能比较齐全的编辑器，纯jQuery + CSS写成，使用起来比较方便。其中图片上传功能个人很喜欢（因为之前用百度的富文本编辑器没有实现，可能是以前太菜了哈哈），现在记录下来方便以后查看。 版权声明： 本文作者：怡宝的大方哥 作者博客地址：https://blog.csdn.net/weixin_45067790 一、工具准备...
ASP.NET网站详解Kindeditor富文本编辑器部署与配置
ASP.NET网站使用Kindeditor富文本编辑器的配置过程分为几个关键步骤，旨在帮助开发者在其项目中实现高级文本编辑功能。以下是对这些步骤的详细解释： 1. **下载编辑器**: 首先，你需要访问KindEditor的官方网站 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值