ueditor编辑器初始化

<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain"><!-- 注意type类型text/plain不是text/javascript --><table><tr><td>1</td><td>2</td><td>3</td><td>4</td></tr><tr><td>a</td><td>b</td><td>c</td><td>d</td></tr></table><div>我是一段话</div><ul><li>1</li><li>2</li><li>3</li></ul><div>我是2段话</div></script><!-- 配置文件 --><script type="text/javascript" src="./ueditor.config.js"></script><!-- 编辑器源码文件 --><script type="text/javascript" src="./ueditor.all.js"></script><!-- 实例化编辑器 --><script type="text/javascript">var ue = UE.getEditor('container');//初始化//监听UE.getEditor('container').addListener('click',function(event,o){//选中值console.info(ue.selection.getRange().startContainer.data);//选中节点console.info(ue.queryCommandValue('elementpath'));});</script>

参数设置两种方式：

修改config.js 文件
初始化配置参数

//初始化
var ue = UE.getEditor('container',{toolbars:[],//不显示toolbarelementPathEnabled:false,//关闭底部显示元素wordCount:false //关闭字数统计readonly:true//禁止编辑/*,initialFrameWidth: '100%',//宽度  //或者指定宽度 400 不要加pxinitialFrameHeight: '100%'//高度*/                scaleEnabled:true//是否可以拉伸长高，默认true(当开启时，自动长高失效)});

ueditor编辑器初始化相关推荐

百度Ueditor编辑器wordimage踩坑
背景改造公司老项目后台编辑器,使用百度的Ueditor做替换. 发现问题 1.ue编辑器初始化后部分参数无法覆盖ueditor.config.js中的选项. 2.wordimage(word图片转存 ...
[转载] ASP.NET MVC4使用百度UEDITOR编辑器
前言配置.net mvc4项目使用ueditor编辑器,在配置过程中遇见了好几个问题,以此来记录解决办法.编辑器可以到http://ueditor.baidu.com/website/downloa ...
ueditor 编辑器增加css样式_百度编辑器（uedtior）怎么更换样式文件
我们肯定经常要对编辑器做二次开发,对编辑器主题皮肤的修改就是最简单的修改.下面说下怎么修改. 编辑器初始化里面根本没有在页面里面引入css样式文件. 而只引入了js文件,那是怎么引入的呢? 查看 ue ...
Ueditor编辑器实战 HTML / vue+v-model
Ueditor 编辑器实战 HTML / vue+v-model 简介功能介绍 HTML 开发 vue + ueditor + v-model 开发简介富文本编辑器,Rich Text Edit ...
[转]百度UEditor编辑器(php)
百度UEditor编辑器!合入PHP网站! 一.富文本内容交互 1.编辑器内容初始化(即往编辑器中设置富文本) 场景一:写新文章,编辑器中预置提示.问候等内容. 在editor_config.js文件 ...
百度UEditor编辑器,合入PHP网站
本文转自:http://www.cnblogs.com/losen/archive/2013/05/23/3094612.html 百度UEditor编辑器!合入PHP网站! Posted on 20 ...
ueditor编辑器字数统计不算空格以及过滤粘贴板格式
前言: 由于项目需要,采用UEditor在线编辑器(百度编辑器 http://ueditor.baidu.com/website/onlinedemo.html)来对文稿进行编排,其中对字数统计有一个 ...
百度UEditor编辑器使用教程与使用方法
第一:百度UEditor编辑器的官方下载地址 ueditor 官方地址:http://ueditor.baidu.com/website/index.html 开发文档地址:http://uedito ...
百度UEditor编辑器上手体验
原先一个项目使用的是kindEidtor编辑器,客户反馈有问题,要求修改,因此查阅资料后,决定改用百度UEditor编辑器. 因为要提交到后台更新到数据库,所以前端使用隐藏的textArea保存临时数 ...

ueditor编辑器初始化

参数设置两种方式：

ueditor编辑器初始化相关推荐

最新文章

热门文章