tp5+百度富文本加载内容

最新推荐文章于 2025-09-30 16:01:22 发布

原创最新推荐文章于 2025-09-30 16:01:22 发布 · 548 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#1024程序员节

本文介绍了一个利用JavaScript实现的方法，通过定义隐藏区域获取数据库中的文章内容，并在UEditor编辑器中加载显示。首先，将文章内容放入一个CSS display属性设置为none的div元素中，然后在编辑器初始化完成后，读取该隐藏区域的innerHTML，最后用UEditor的setContent方法将内容插入编辑器。

思路：1.定义一个隐藏区域获取数据库内容。2.编辑器JS获取隐藏区域内容并加载。

一. 定义一个隐藏区域

<div id = "articlecon" style="display:none;">{$article.content} </div>

二、定义文本框

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

三、设置编辑器JS

    <script type="text/javascript">    
        //实例化编辑器
        var ue = UE.getEditor('editor');        
        ue.ready(function() {
          // 得到隐藏区域数据
             var con = document.getElementById("articlecon").innerHTML;
          // 插入数据     
             ue.setContent(con);
        });
    </script>