umeditor简洁富文本使用

最新推荐文章于 2025-06-08 15:39:22 发布

原创最新推荐文章于 2025-06-08 15:39:22 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

Web 专栏收录该内容

19 篇文章

订阅专栏

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

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

一：引入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,
 });

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