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>

參數設置兩種方式:

  1. 修改config.js 文件
  2. 初始化配置參數
//初始化
var ue = UE.getEditor('container',{
            toolbars:[],//不顯示toolbar
            elementPathEnabled:false,//關閉底部顯示元素
            wordCount:false //關閉字數統計
            readonly:true//禁止編輯
            /*,initialFrameWidth: '100%',//寬度  //或者指定寬度 400 不要加px
            initialFrameHeight: '100%'//高度*/                
               scaleEnabled:true//是否可以拉伸長高,默認true(當開啓時,自動長高失效)
         });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章