CODEWITHSUNDEEP
javascripthtmlcssperformanceckeditor
code-8
code-8

Reputation: 58652

How to increase the height of WYSWYG Editor?

I have a WYSWYG editor.

I want to extend it down a bit so I don't have to scroll down to see my contents. I'm trying to follow the documentation, but that doesn't seem to take effect.

Image

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>

Upvotes: 0

Views: 446

Answers (2)

j.swiderski
j.swiderski

Reputation: 2445

Please use height setting either for single editor instance configuration (directly in replace/inline methods):

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

or for all editor instances you will use inside your application (inside ckeditor/config.js):

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

Upvotes: 1

code-8
code-8

Reputation: 58652

This seem to solve my problem. 

CKEDITOR.config.height = 1000;

Final code 

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

Upvotes: 0

Related Questions