反馈

解决UEditor使用代码插件时HTML或XML代码不回显的问题

发布/小网 数据源/原创
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码...

在发表上篇文章《前端基础:聊聊Web常见交互处理时的一些注意事项和方案》时,发现插入HTML代码后,在重新编辑时插入的代码无法正常显示,导致无法进行更新。

异常情况下的UEditor引用方式

<textarea id="dataContent" name="dataContent">
  ${data.dataContent}
</textarea>
<!-- //////////////////// -->
<script>
var editor = UE.getEditor("dataContent");
</script>

解决方案如下:

<textarea id="dataContent" name="dataContent">
  ${data.dataContent}
</textarea>
<script type="text/plain" id="dataContentEditor">
  ${data.dataContent}
</script>
<!-- //////////////////// -->
<script>
var editor = new baidu.editor.ui.Editor({textarea:'dataContent'});
setTimeout(function(){
    editor.render("dataContentEditor");
},0);
</script>