zoukankan      html  css  js  c++  java
  • 一个页面中使用多个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>
    
  • 相关阅读:
    python的三个函数map、filter、reduce详解
    python 对文件进行切分行
    sed 命令匹配行操作
    停止学习框架
    JS中双等号“==”使用情况
    JavaScript中数组迭代方法
    JavaScript中replace()方法的第二个参数解析
    Vue生命周期
    JS中浮点数精度误差解决
    大量DOM操作的解决方案
  • 原文地址:https://www.cnblogs.com/sunliyuan/p/8891400.html
Copyright © 2011-2022 走看看