
<!-- 加载编辑器的容器 -->
<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:[],//不显示toolbar
elementPathEnabled:false,//关闭底部显示元素
wordCount:false //关闭字数统计
readonly:true//禁止编辑
/*,initialFrameWidth: '100%',//宽度 //或者指定宽度 400 不要加px
initialFrameHeight: '100%'//高度*/
scaleEnabled:true//是否可以拉伸长高,默认true(当开启时,自动长高失效)
});