富文本编辑器Ueditor的步骤

步骤一:导入js
<script src="<%=request.getContextPath() %>/manage/js/jquery-1.9.1.js"></script>
 <!-- 配置文件 -->
    <script type="text/javascript" charset="utf-8" src="../../ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../ueditor/ueditor.all.min.js"> </script>
    <script type="text/javascript" src="detailUpload.js"></script>
步骤二:页面上的
 <textarea rows="" cols=""  id="pic"  name="pic" ></textarea>
步骤三:js上面的设置
 //富文本编辑器
 var ue=UE.getEditor('pic');
步骤四:(可忽略)设置功能
$(document)
.ready(function(){
var ue = UE.getEditor('pic', {
        toolbars: [
            [     //'anchor', //锚点
//                  'undo', //撤销
//                  'redo', //重做
//                  'bold', //加粗
//                  'indent', //首行缩进
//                  'snapscreen', //截图
//                  'italic', //斜体
//                  'underline', //下划线
//                  'strikethrough', //删除线
//                  'subscript', //下标
//                  'fontborder', //字符边框
//                  'superscript', //上标
//                  'formatmatch', //格式刷
//                  'source', //源代码
//                  'blockquote', //引用
//                  'pasteplain', //纯文本粘贴模式
//                  'selectall', //全选
//                  'print', //打印
//                  'preview', //预览
//                  'horizontal', //分隔线
//                  'removeformat', //清除格式
//                  'time', //时间
//                  'date', //日期
//                  'unlink', //取消链接
//                  'insertrow', //前插入行
//                  'insertcol', //前插入列
//                  'mergeright', //右合并单元格
//                  'mergedown', //下合并单元格
//                  'deleterow', //删除行
//                  'deletecol', //删除列
//                  'splittorows', //拆分成行
//                  'splittocols', //拆分成列
//                  'splittocells', //完全拆分单元格
//                  'deletecaption', //删除表格标题
//                  'inserttitle', //插入标题
//                  'mergecells', //合并多个单元格
//                  'deletetable', //删除表格
//                  'cleardoc', //清空文档
//                  'insertparagraphbeforetable', //"表格前插入行"
//                  'insertcode', //代码语言
//                  'fontfamily', //字体
//                  'fontsize', //字号
//                  'paragraph', //段落格式
//                  'simpleupload', //单图上传
                  'insertimage', //多图上传
//                  'edittable', //表格属性
//                  'edittd', //单元格属性
//                  'link', //超链接
//                  'emotion', //表情
//                  'spechars', //特殊字符
//                  'searchreplace', //查询替换
//                  'map', //Baidu地图
//                  'gmap', //Google地图
//                  'insertvideo', //视频
//                  'help', //帮助
//                  'justifyleft', //居左对齐
//                  'justifyright', //居右对齐
//                  'justifycenter', //居中对齐
//                  'justifyjustify', //两端对齐
//                  'forecolor', //字体颜色
//                  'backcolor', //背景色
//                  'insertorderedlist', //有序列表
//                  'insertunorderedlist', //无序列表
//                  'fullscreen', //全屏
//                  'directionalityltr', //从左向右输入
//                  'directionalityrtl', //从右向左输入
//                  'rowspacingtop', //段前距
//                  'rowspacingbottom', //段后距
//                  'pagebreak', //分页
//                  'insertframe', //插入Iframe
//                  'imagenone', //默认
//                  'imageleft', //左浮动
//                  'imageright', //右浮动
//                  'attachment', //附件
//                  'imagecenter', //居中
//                  'wordimage', //图片转存
//                  'lineheight', //行间距
//                  'edittip ', //编辑提示
//                  'customstyle', //自定义标题
//                  'autotypeset', //自动排版
//                  'webapp', //百度应用
//                  'touppercase', //字母大写
//                  'tolowercase', //字母小写
//                  'background', //背景
//                  'template', //模板
//                  'scrawl', //涂鸦
//                  'music', //音乐
//                  'inserttable', //插入表格
//                  'drafts', // 从草稿箱加载
//                  'charts', // 图表
                  ]
        ],
        autoHeightEnabled: true,
        autoFloatEnabled: true,
        lang:(navigator.language||navigator.browserLanguage ||navigator.userLanguage).toLowerCase(),
        initialFrameHeight:200,
        initialFrameWidth:600,
        
        
    });
ue.ready(function() {
    //设置编辑器的内容
//    ue.setContent('hello');
    //获取html内容,返回: <p>hello</p>
   
});

});

你可能感兴趣的:(富文本编辑器Ueditor的步骤)