在发表上篇文章《前端基础:聊聊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>