记录jsp 使用＜!--百度 UEDITOR--＞设置textarea 回显数据出错问题

小说我爱看

已于 2022-08-18 15:50:35 修改

阅读量815

点赞数 1

文章标签： js javascript

于 2022-08-18 10:49:15 首次发布

本文链接：https://blog.csdn.net/yang_weidong/article/details/126401026

版权

今天在做一个工作日志填写的时候发现使用文本域保存之后再回显出错的情况

研究一下发现是html标签的问题。

修改方法如下

1. 创建一个input

<input type="hidden" id="rizhi" value='${pd.rizhi}'/>

注意value=' ' 这里的value 必须使用单引号，因为双引号会导致与回显的值发生冲突

2. 初始化

创建文本域

<textarea id="content" class="rizhi" name="rizhi"
        value="${pd.rizhi}"
        type="text" class="form-control" placeholder="输入日志信息" >
</textarea>

// 初始化文本域标签内容 
var ue = UE.getEditor('content', {
   initialFrameWidth:'100%',
   initialFrameHeight:400,
   maximumWords:1000,
   elementPathEnabled : false,
   toolbars: [
      [
         'undo', //撤销
         'redo', //重做
         'bold', //加粗
         'indent', //首行缩进
         'italic', //斜体
         'fullscreen', //全屏
      ]
   ]
});
 //对编辑器的操作最好在编辑器ready之后再做
ue.ready(function(){
   //设置编辑器的内容，设置的值是input中的 赋值给文本域
   ue.setContent($("#rizhi").val());
});

最后呈现结果