一个页面中使用多个UEditor

如何在一个页面中使用多个Ueditor:

引入这些js:

    <script src="~/Scripts/ueditor/ueditor.config.js"></script>
    <script src="~/Scripts/ueditor/ueditor.all.min.js"></script>
    <link href="~/Scripts/ueditor/themes/iframe.css" rel="stylesheet" />
    <script src="~/Scripts/ueditor/lang/zh-cn/zh-cn.js"></script>

 实例不同的UEditor:

<script type="text/javascript">
        var editor = new baidu.editor.ui.Editor({
            UEDITOR_HOME_URL: '/Scripts/ueditor/',//配置编辑器路径
            iframeCssUrl: '/Scripts/ueditor/themes/iframe.css',//样式路径
            initialContent: '',//初始化编辑器内容
            autoHeightEnabled: true,//高度自动增长
            minFrameHeight: 1000,//最小高度
            autoClearinitialContent: false,//是否自动清除编辑器出事内容
            autoFloatEnabled: true,
            initialFrameWidth: 1000,
            initialFrameHeight: 500,
            toolbars: [
                ['source', 'undo', 'redo', 'bold', 'simpleupload', 'insertimage', 'preview', 'dialog', 'beijing']
            ]
        });
        editor.render('editor');

        var editorTwo = new baidu.editor.ui.Editor({
            UEDITOR_HOME_URL: '/Scripts/ueditor/',//配置编辑器路径
            iframeCssUrl: '/Scripts/ueditor/themes/iframe.css',//样式路径
            initialContent: '',//初始化编辑器内容
            autoHeightEnabled: true,//高度自动增长
            minFrameHeight: 1000,//最小高度
            autoClearinitialContent: false,//是否自动清除编辑器出事内容
            autoFloatEnabled: true,
            initialFrameWidth: 1000,
            initialFrameHeight: 500,
            toolbars: [
                ['source', 'undo', 'redo', 'bold', 'simpleupload', 'insertimage', 'preview', 'dialog', 'beijing']
            ]
        });
        editorTwo.render('editorTwo');

        var editorThree = new baidu.editor.ui.Editor({
            UEDITOR_HOME_URL: '/Scripts/ueditor/',//配置编辑器路径
            iframeCssUrl: '/Scripts/ueditor/themes/iframe.css',//样式路径
            initialContent: '',//初始化编辑器内容
            autoHeightEnabled: true,//高度自动增长
            minFrameHeight: 1000,//最小高度
            autoClearinitialContent: false,//是否自动清除编辑器出事内容
            autoFloatEnabled: true,
            initialFrameWidth: 1000,
            initialFrameHeight: 500,
            toolbars: [
                ['source', 'undo', 'redo', 'bold', 'simpleupload', 'insertimage', 'preview', 'dialog', 'beijing']
            ]
        });
        editorThree.render('editorThree');

        var editorFour = new baidu.editor.ui.Editor({
            UEDITOR_HOME_URL: '/Scripts/ueditor/',//配置编辑器路径
            iframeCssUrl: '/Scripts/ueditor/themes/iframe.css',//样式路径
            initialContent: '',//初始化编辑器内容
            autoHeightEnabled: true,//高度自动增长
            minFrameHeight: 1000,//最小高度
            autoClearinitialContent: false,//是否自动清除编辑器出事内容
            autoFloatEnabled: true,
            initialFrameWidth: 1000,
            initialFrameHeight: 500,
            toolbars: [
                ['source', 'undo', 'redo', 'bold', 'simpleupload', 'insertimage', 'preview', 'dialog', 'beijing']
            ]
        });
        editorFour.render('editorFour');

          function success(data) {
            if (data == "ok") {
                alert("添加成功");
                 //拼接添加成功后返回的路由
                window.location.href = "/Subject/Index/?id=@ViewData["eid"]&bkid=@ViewData["bkid"]&csid=@ViewData["csid"]";
               
            } else if (data == "error"){
                alert("添加失败");
            }
        }
    </script>

 调用:

        <div>
            <textarea id="editor" name="editor"></textarea>
        </div>
        <div>
            <textarea id="editorTwo" name="editorTwo"></textarea>
        </div>
         <div>
            <textarea id="editorThree" name="editorThree"></textarea>
        </div>
         <div>
            <textarea id="editorFour" name="editorFour"></textarea>
        </div>

 

posted @ 2018-04-20 16:06  石shi  阅读(1637)  评论(0编辑  收藏  举报