Ueditor的使用之将数据库内容读到ueditor里面

最近在做个人博客后台的时候用到了Ueditor这个由百度开发的富文本编辑器,前面通过读其官网提供的开发者文档能够比较顺畅的实现在自己项目中使用它编辑文章并且发布(这里不做说明,大家可以查看官方开发文档)。但是在实现修改文章这个功能时,遇到一个问题,无法将从数据库查到的html数据内容显示到Ueditor中。通过反复查看开发文档,以及百度查找解决办法,都没能解决问题,后面通过自己尝试解决了问题,于是把解决办法写出来。


一、从数据库中查到数据,我这里姑且把它设为“String content”(说明:是html格式的内容);

二、初始化Ueditor编辑器

  <script type="text/javascript">
  window.onload = function(){
      var ue = UE.getEditor('editor');
  };
  </script>

三、引入编辑器,并将java变量值显示出来

<script id="editor" type="text/plain" style="width:1024px;height:500px;">
        <%=content %>
    </script>

没错,就这么简单。在一开始,我是按照官方文档上说的使用其系统的函数setContent()函数,向Ueditor中传值。但是尝试后发现不能实现。然后我又在网上百度找方法,有人说用ue.execCommand( ‘inserthtml’,html );试了之后发现并不行。没想到最后就是这么直接显示,只能说很无奈。。。。

猜你喜欢

转载自blog.csdn.net/dglsx123/article/details/80369381