Multiple Editor Instances

WangEditor can create multiple editor instance in the same page.

    <style type="text/css">
        .toolbar {
            background-color: #f1f1f1;
            border: 1px solid #ccc;
        .text {
            border: 1px solid #ccc;
            height: 200px;
    <div id="div1" class="toolbar">
    <div style="padding: 5px 0; color: #ccc">split section</div>
    <div id="div2" class="text">
        <p>first demo(menus and editable area split)</p>

    <div id="div3">
        <p>second demo(noraml)</p>

    <!-- inclue js -->
    <script type="text/javascript" src="//"></script>
    <script type="text/javascript">
        const E = window.wangEditor

        const editor1 = new E('#div1', '#div2')

        const editor2 = new E('#div3')
Copyright © wangEditor (2020 - present) all right reserved,powered by GitbookFile Modify: 2022-04-11 06:40:29

results matching ""

    No results matching ""