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(当开启时,自动长高失效)
         });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章