如何增加WYSWYG Editor的高度?

时间:2019-03-20 15:09:14

标签: javascript html css performance ckeditor

我有一个WYSWYG编辑器。

我想将其向下扩展一点,因此无需向下滚动即可查看内容。我正在尝试遵循文档,但这似乎没有生效。

Image

HTML /刀片

{{-- Description --}}
<div class="form-group">

    <div class="col-sm-12">

        <textarea name="description" rows="100" cols="80" id="description">
            {{ base64_decode($portfolio->description) }}
        </textarea>
        <script>
            CKEDITOR.replace( 'description' );
        </script>

    </div>
</div>

jQuery

<script type="text/javascript">

$(function() {
    $('#description').froalaEditor({
        height: 1000
  })
});


</script>

2 个答案:

答案 0 :(得分:1)

请为单个编辑器实例配置(直接在replace / inline方法中使用height setting

<script>
  CKEDITOR.replace( 'description', {
      height: '200px'
  } );
</script>

或对于您将在应用程序内部(在ckeditor/config.js内部)使用的所有编辑器实例:

CKFinder.customConfig = function( config ) {
   config.height = '200px';
   // other settings...
}

答案 1 :(得分:0)

这似乎解决了我的问题。

CKEDITOR.config.height = 1000;

最终代码

<div class="form-group">
    <div class="col-sm-12">

        <textarea name="description" rows="100" cols="80" id="description">
            {{ base64_decode($portfolio->description) }}
        </textarea>
        <script>
            CKEDITOR.replace( 'description' );
            CKEDITOR.config.height = 1000;
        </script>

    </div>
</div>