解决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>