ueditor 設置高度height. ue.setHeight(400); 設置寬度 width

 

1.引入的文件:

<script type="text/javascript" src="../../dist/ueditor1_4_3-utf8-php/ueditor.config.js"></script>
    <script type="text/javascript" src="../../dist/ueditor1_4_3-utf8-php/ueditor.all.js"></script>

 

2. html.

 <textarea id="container" class="content"></textarea> 

.content {
            width: 660px;
            /*height: 500px;*/
            margin-left: 20px;
            margin-right: 20px;
            border: 1px solid red;
        }

 

3.設置寬度width.

  可以直接 通過css設置 textarea的寬度就可以了.

 

4.設置高度 height:

　　4-1: 通過 設置textarea的高度: 錯誤. height:400px;

　　　　

.content {
            width: 660px;
            height: 400px;
            margin-left: 20px;
            margin-right: 20px;
            border: 1px solid red;
        }

 

 

 　　4-2: 通過ueditor的方法設置:

　　　　

<script type="text/javascript">

     var ue = UE.getEditor('container');

     ue.ready(function() {
          ue.setHeight(400);
         //設置編輯器的內容
         // ue.setContent('hello');
         // //獲取html內容，返回: <p>hello</p>
         // var html = ue.getContent();
         // //獲取純文本內容，返回: hello
         // var txt = ue.getContentTxt();
     });

</script>

注意的是: 這里 要在 ue.ready() 中設置 ,表示當ue准備好了的時候.

 

 

 設置的高度是 編輯區域的高度, 不包括 上面 和 下面.