场景

使用KindEditor进行图片上传后，在js部分通过.val()获取内容后，

所获取的图片的<imgsrc=""其中img标签与src连接在了一起导致图片不能显示。

错误的数据库存取内容：

0531<imgsrc="http://*******:9090/test/upload/commentFile/c366ef88-1af7-4164-b688-40c33909031d.jpg"alt=""/>

如果将img 与src之间加上一个空格则正常显示。

实现

之前的代码

<textarea name="content" id="content" class="j-content" rows="30"cols="58" data-toggle="kindeditor" data-minheight="500"style="width: 100%"></textarea>

然后在js中：

var content=$("#content").val();

通过.val()方法获取的内容中就是上面的img与src连在一起。

解决：

在页面再添加一个隐藏的textarea，用于中间转换一下，将转换的进行提交。

<dd class="rel border bor_gray_ddd pt_05em " ><textarea name="content" id="content" class="j-content" rows="30"cols="58" data-toggle="kindeditor" data-minheight="500"style="width: 100%"></textarea><textarea rows="" cols="" name="schtmlnr" id="schtmlnr" style="display:none;"></textarea></dd>

然后在js中：

var content1=$("#content").val();$("#schtmlnr").val(content1);var content = $("#schtmlnr").val();

KindEditor中使用val()获取content内容后图片不显示相关推荐

ios手机端表单input调用focus方法时，光标不显示，但软键盘会弹出来，可以修改内容，需要修改内容后光标才显示
功能: ios表单验证时,比如输身份证号,失焦后验证身份证,如果不合法,就让光标跳到对应的输入框,我是不合法就调用focus方法,完了会跳过去,但是ios有个bug,它确实会定位到对应的输入框,而且 ...
int 9中断例程-;在屏幕中间依次显示'a'~'z'，并可以让人看清。在显示的过程中，按下Esc键后，改变显示的颜色...
;在屏幕中间依次显示'a'~'z',并可以让人看清. ;在显示的过程中,按下Esc键后,改变显示的颜色 assume cs:code stack segment db 128 dup(0) stack ...
Markdown入门和解决MD文件上传博客后图片无法显示问题
文章目录 Markdown基础和解决MD文件上传博客后图片无法显示问题一.常见文本操作 1.标题一级标题二级标题三级标题四级标题 2.代码块 3.字体 4.引用 5.分割线 6.超链接 7. ...
phpcmsV9 公告内容（图片不显示问题）
phpcms 公告 : 如何发布带图片的公告? 发布公告内容的时候,因为后台编辑器功能比较简单,没有插入图片的功能,所以插入图片要择路而行. 现在就教你一下(以插入网络图片为例). 如何插入自己想要的 ...
php获取服务器上的图片不显示,php 读取服务器图片
php 读取服务器图片内容精选换一换本文介绍如何将开源框架的网络模型,例如Caffe.TensorFlow等框架训练好的模型,通过OMG(Offline Model Generator:离线模型 ...
打包后图片不显示问题
设置publicPath 在vue.config.js 配置文件中 // 打包app时放开该配置publicPath: process.env.NODE_ENV === 'development' ? ...
android 循环弹幕,Android中如何动态获取弹幕内容
最近在开发中,产品小哥哥说要做个弹幕,然后还要在弹幕走到屏幕中间时,在屏幕中间的位置显示出弹幕的内容(没见过这种奇葩的需求),既然拿到这个需求,那么我们就来看看如何解决这个问题. 首先,解决问题-&g ...
Vue3中的setup前加上async后页面不显示
问题: Vue3项目中,在setup函数前加上了async,使其变成异步函数,导致页面空白不显示? 描述: 最近在学习Vue3项目,使用了CompositionAPI的书写方式,其中有一个setup函 ...
计算机管理中可移动磁盘无内容,u盘不显示可移动磁盘-电脑插入U盘后不显示可移动磁盘，磁盘管理打不开...
可以肯定的是,你的u盘没被识别.就像读卡器不放存储卡直接插上电脑也是一样的反应.你试试插机箱后面的插孔,如果还不行插别人机子看看,如果都没反应你就要考虑你的盘是不是有问题了.我有个朋友新买的u盘存的东 ...

KindEditor中使用val()获取content内容后图片不显示

场景

实现

KindEditor中使用val()获取content内容后图片不显示相关推荐

最新文章

热门文章