一个页面怎么显示多个ueditor编辑器

时间:2019-12-03 22:12:08 类型:JS/JQUERY
字号:    

有时我们会用到一个页面呈现多个ueditor编辑器,实现方法如下:

<!-- 加载编辑器的容器 -->
    <script id="container01" name="content" type="text/plain" style="width: 600px;height: 100px;"></script>
    <!-- 加载编辑器的容器 -->
    <script id="container02" name="content" type="text/plain" style="width: 600px;height: 100px; margin-top: 30px;"></script>
    <!-- 配置文件 -->
    <script type="text/javascript" src="./ueditor/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="./ueditor/ueditor.all.js"></script>
    <!-- 实例化编辑器 -->
    <script type="text/javascript">
        var ue01 = UE.getEditor('container01');
        var ue02 = UE.getEditor('container02');
    </script>

呈现效果如下:

QQ截图20191203221123.jpg

<