<!-- 加载编辑器的容器 --> <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(当开启时,自动长高失效) });