富文本编辑器（UEditor）

肆·意

已于 2024-03-11 22:34:38 修改

阅读量541

点赞数 12

文章标签： dubbo 编辑器 html

于 2024-03-11 22:19:01 首次发布

本文链接：https://blog.csdn.net/2301_79659699/article/details/136636469

版权

1.什么是UEditor？

UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器，具有轻量、可定制、用户
体验优秀等特点。开源基于BSD协议，所有源代码在协议允许范围内可自由修改和使用。百度UEditor
的推出，可以帮助不少网站开发者在开发富文本编辑器所遇到的难题，节约开发者因开发富文本编辑器
所需要的大量时间，有效降低了企业的开发成本。

2.为什么使用UEditor？

用于替换textarea，textarea是纯文本编辑器，样式比较简陋。使用富文本编辑器，样式丰富，所见即所得。
UEditor本质上是一个html。

3.使用代码

//实例代码，如图可知要将文本相关代码放在body中
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>

<body>
    <!-- 加载编辑器的容器 -->
    <script id="container" name="content" type="text/plain">
    </script>
    <!-- 配置文件 -->
    <script type="text/javascript" src="ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="ueditor.all.js"></script>
    <!-- 实例化编辑器 -->
    <script type="text/javascript">
        var ue = UE.getEditor('container');
    </script>
</body>

</html>