How to add scrollbars to WYSIWYG Editor


Topic: How to add scrollbars to WYSIWYG Editor

DashMarketing pro premium priority asked a year ago

I am using the WYSIWYG editor in a modal to allow users to post to a forum, and everything works great except for one problem: If the user's input extends below the default size of the WYSIWYG editor then it overflows the modal and looks strange. Here's the code I have:

```

Reply To Post
          <div class="modal-body bcLightGray">
            <div class="row">
              <div class="col-12 text-center">
                <div class="wysiwyg" data-mdb-wysiwyg="wysiwyg" 
                    data-mdb-wysiwyg-links-section="false" data-mdb-wysiwyg-textarea-name="ReplyText"></div>
              </div>
            </div>
          </div>
          <div class="modal-footer">
              <button type="button" class="btn btn-success" id="btnPost">Post</button>
            <button type="button" class="btn btn-danger" data-mdb-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>

``` Is there any way to include scrollbars on the WYSIWYG editor to prevent this overflow from happening? In other words, can I set the WYSIWYG editor to a fixed height so that its contents scroll inside the editor?


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.4.1
  • Device: Laptop
  • Browser: Chrome
  • OS: Win11
  • Provided sample code: No
  • Provided link: No