富文本编辑器 wangEditor 的引用模板

最新推荐文章于 2024-09-11 10:37:03 发布

一只猿Hou

最新推荐文章于 2024-09-11 10:37:03 发布

阅读量874

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/hhuiyao/article/details/114643513

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

官网地址：https://www.kancloud.cn/wangfupeng/wangeditor3/335771

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>wangEditor 菜单和编辑器区域分离</title>
    <style type="text/css">
        .toolbar {
            border: 1px solid #ccc;
        }
        .text {
            border: 1px solid #ccc;
            height: 400px;
        }
    </style>
</head>
<body>
    <div id="div1" class="toolbar">
    </div>
    <div style="padding: 5px 0; color: #ccc">中间隔离带</div>
    <div id="div2" class="text"> <!--可使用 min-height 实现编辑区域自动增加高度-->
        <p>请输入内容</p>
    </div>

    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>
    <script type="text/javascript">
        var E = window.wangEditor
        var editor1 = new E('#div1', '#div2')  // 两个参数也可以传入 elem 对象，class 选择器
        editor1.create()
    </script>
</body>
</html>