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>
    
  • 相关阅读:
    Build Path
    线程生命周期
    eclipse添加myBatis插件
    Spring web flow的意义
    部署Spring web项目遇到的问题及解决方案
    启动Eclipse时发生An internal error occurred during: "Initializing Java Tooling"错误
    Non-parseable POM 解决方法
    Dynamic Web Module 3.1 requires Java 1.7 or newer. 错误解决方案
    Java compiler level does not match the version of the installed Java project facet.解决方法
    Type cvc-complex-type.2.4.a: Invalid content was found starting with element 'build'.错误的解决方法
  • 原文地址:https://www.cnblogs.com/sunliyuan/p/8891400.html
Copyright © 2011-2022 走看看