<!-- 加載編輯器的容器 -->
<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(當開啓時,自動長高失效)
});