umeditor简洁富文本使用

最新推荐文章于 2025-07-24 14:10:18 发布

xiaoqiu_net

最新推荐文章于 2025-07-24 14:10:18 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： Web

本文链接：https://blog.youkuaiyun.com/q646926099/article/details/76854331

Web 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了如何引入和使用umeditor，一个简洁的富文本编辑器。内容包括其基本类库的引入步骤，帮助读者快速掌握其使用方法。

一：引入umeditor对应的类库

    <link href="js/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="js/umeditor/third-party/template.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/umeditor/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/umeditor/umeditor.js"></script>
    <script type="text/javascript" src="js/umeditor/lang/zh-cn/zh-cn.js"></script>

二：创建对应的编辑器html区域，进行初始化设置等

 UM.delEditor("headerTitleTip");
       var editor =  UM.getEditor('headerTitleTip', {
           initialFrameWidth: '100%', initialFrameHeight: 250,
 });

渲染了就可以进行操作了,方法详见官网.