Ueditor/多编辑器

步骤一：html格式

   <div class="warp">
    <div class="content" id="simple" >
    </div>
    <div class="content" id="complex" >
    </div>
   </div>

步骤二：创建编辑器

 //创建简单编辑器
   var editor = new baidu.editor.ui.Editor({
    minFrameHeight: 180,
    iframeCssUrl :'../../themes/default/iframe.css',
    UEDITOR_HOME_URL:'../../',
    toolbars:[
        ['Bold','Italic','Underline','StrikeThrough','Superscript','Subscript']
    ]
   });
   editor.render('simple');
   //创建复杂编辑器
   var editorcomplex = new baidu.editor.ui.Editor({
    minFrameHeight: 180,
    iframeCssUrl :'../../themes/default/iframe.css',
    UEDITOR_HOME_URL:'../../',
    toolbars:[
        ['ForeColor','BackColor', 'JustifyLeft','JustifyCenter','SearchReplace']
    ]
   });
   editorcomplex.render("complex");

参考来源

• http://ueditor.baidu.com/onlinedemo.html

Ueditor使用手册导航
针对普通使用者： 部署和体验|自定义配置|自定义工具栏|表单提交|重置编辑器|多编辑器|自定义编辑器|文本域渲染|前后端数据整合 针对二次开发者： 整体架构|插件机制|自定义插件开发 若干专题教程 相关问题