推荐1款在线HTML编辑器(Ueditor)

最新推荐文章于 2025-07-10 12:48:34 发布

liaote

最新推荐文章于 2025-07-10 12:48:34 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript HTML 文章标签： html Html HTML ueditor Ueditor UEditor web Web WEB 在线编辑器论坛编辑器

本文链接：https://blog.youkuaiyun.com/liaote/article/details/8501002

JavaScript 同时被 2 个专栏收录

3 篇文章

订阅专栏

HTML

1 篇文章

订阅专栏

Ueditor是一款由百度研发的开源富文本编辑器，支持多种皮肤样式，使用简便。只需引入两个JS文件，即可在网页上快速搭建出功能丰富的在线HTML编辑器。

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

Ueditor

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于BSD协议，允许自由使用和修改代码。

官方下载地址：下载Ueditor

老版本的Ueditor需要在页面引入3个文件ueditor.css、editor_config.js和editor_all.js，但是现在最新版只需要引入后面2个JS文件。

而且新版本在资源包中的theme文件夹中，现在包含了编辑器使用到的三种皮肤，普通用户如需简单地调整编辑器的样式，可以直接修改对应的css文件。

配置文件中增加了theme以及themePath两个参数，默认显示default，且可以注释掉。如需开启，请确保对应的皮肤标识和皮肤文件路径的准确性。

2.使用方法

ueditor1_2_4_0-gbk-jsp.zip文件解压，把里面的文件都放入WebRoot目录下的ueditor文件夹首先把

在页面的<head>标签中加入以下代码

    <script type="text/javascript" charset="utf-8" src="ueditor/editor_config.js"></script>  
    <script type="text/javascript" charset="utf-8" src="ueditor/editor_all.js"></script>

然后在<body>标签中新建一个DIV标签，最后通过JS代码初始化，这样一个漂亮的在线HTML编辑器就出来了,是不是很简单、很easy。

代码如下:

<script type="text/javascript">
    var editor = new UE.ui.Editor();
    editor.render("editor");
    //1.2.4以后可以使用一下代码实例化编辑器
    //UE.getEditor('editor')
</script>
<body>
	<div id="editor"></div>
</body>