HTML引入百度富文本

头疼的可达鸭

于 2021-10-20 17:40:41 发布

阅读量370

点赞数

文章标签： php thinkphp html

本文链接：https://blog.youkuaiyun.com/dacong_ya/article/details/120870988

版权

该博客介绍了如何在网页中集成UEditor，通过下载富文本文件并引入相关脚本，创建一个名为'goods_intro'的textarea，并利用UEditor的API进行初始化，设置宽度和高度，最终实现了一个功能完善的富文本编辑器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先下载富文本文件，最好保存压缩包

然后引入三个script，更改script的地址

<script type="text/javascript" src="__STATIC__/ued/ueditor.config.js"></script>
    <script type="text/javascript" src="__STATIC__/ued/ueditor.all.min.js"></script>
    <script type="text/javascript" src="__STATIC__/ued/lang/zh-cn/zh-cn.js"></script>

接着写一个textarea

<textarea name="goods_intro" id="goods_intro" cols="30" rows="10"></textarea>

最好name和id设置成一样的

然后

<script type="text/javascript">
        UE.getEditor('goods_intro',//文本id
            {initialFrameWidth:800,initialFrameHeight:200})
    </script>

最后出结果