如何使用百度编辑器ueditor

最新推荐文章于 2025-08-14 07:11:47 发布

大泽是超人

最新推荐文章于 2025-08-14 07:11:47 发布

阅读量373

点赞数

CC 4.0 BY-SA版权

文章标签：百度编辑器 javascript

本文链接：https://blog.youkuaiyun.com/weixin_39967349/article/details/77677528

本文介绍如何在网页中集成UEditor富文本编辑器，包括引用必要的JS文件、设置编辑器显示区域及其实例化的方法。

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

1.首先引用ueditor中的js文件

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

2.编辑器显示处 id=”content”

<textarea name="content" class="common-textarea" id="content" cols="30" style="width: 98%;" rows="10"></textarea>

3.实例化

<script type="text/javascript">
    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    UE.getEditor('content',{initialFrameWidth:1500,initialFrameHeight:400,});
</script>