Как увеличить высоту WYSWYG Editor?

Question

У меня есть WYSWYG редактор.

Я хочу немного расширить его, чтобы мне не пришлось прокручивать страницу вниз, чтобы увидеть мое содержимое. Я пытаюсь следовать документации, но это, похоже, не вступает в силу.

HTML / Blade

{{-- 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>

Answer 1

Пожалуйста, используйте значение высоты либо для конфигурации отдельного экземпляра редактора (непосредственно в replace / inline методах):

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

, либо для всех экземпляров редактора, которые вы будете использовать внутриВаша заявка (внутри ckeditor/config.js):

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

Answer 2

Кажется, это решает мою проблему.

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>