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

场景

使用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();