小东Freeman + 关注

签名:我们爱我们的倒霉工作,也爱这千疮百孔的世界。

前端的ueditor如何填充从后台传过来的数据

发表于 10个月前   1251次查看    0评论  8 赞

前言:因为要把本地图片上传到七牛云进行更新,以隐藏真实ip,虽然理想很美好,但是上传上去后文章图片的路径都要修改,这可令我头疼不已,难道我要翻数据库挨个找吗,那可能找完就GG了,好在想到了将数据库信息传到前台进行更改,用editor来显示一是美观、二是可以显示html代码,一举两得,但是如何将内容显示出来就成了问题,各种报错,经过接近两个小时的研究,终于做出来了,分享给大家ueditor如何获取从后台传过来的数据


  1. 1、用自己的语言后台获取数据。

  2. 2、在前端引入Ueditor

  3. 1
    2
    3
      <!-- ueditor,换成自己的路径即可 -->
    <script type="text/javascript" src="/fman/jsp/common/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" src="/fman/jsp/common/ueditor/ueditor.all.js"></script>
  4. 3、在需要的地方添加ueditor

  5. 1
    2
    3
    4
    5
    6
    7
    8
    9
    <script name="content"  id="myEditor" type="text/plain" style="height:400px;"></script>
            <script type="text/javascript">
             UEDITOR_CONFIG.UEDITOR_HOME_URL='/fman/jsp/common/ueditor/';
              var ue=UE.getEditor('myEditor');
              ue.addListener("ready"function () {  
               // editor准备好之后才可以使用  
               ue.setContent('${article.content }');  
              });
              </script>

    这里值得注意的是必须添加监听事件,否则会报错,这里填入数据用的是setContent,更多用法请参考官方Api:Ueditor官方api


  1. 这样就完成ueditor填充从后台传过来的数据了,虽然代码很短,但都是心血,希望可以帮到你们。

8人已赞


本文由Fun言网 – 小东Freeman创作,转载请务必附上本文链接和出处,欢迎参与我们的付费投稿计划


你还没有登录,请先 登录注册!
文章评论0