Topic: How to enable left and right indents on toolbar

jcarvalho priority asked 1 year ago


Expected behavior

Actual behavior

Resources (screenshots, code snippets etc.)

Need left and right indents,


Grzegorz Bujański staff answered 1 year ago


You can set the data attribute: data-mdb-wysiwyg-show-code-section="false" If you want the undo-redo section to still be on the right add ms-auto to it.

document.addEventListener('DOMContentLoaded', () => {
  const wysiwygUndoRedoSection = document.querySelectorAll('.wysiwyg-toolbar .wysiwyg-toolbar-group');
  const lastSectionIndex = wysiwygUndoRedoSection.length - 1
  wysiwygUndoRedoSection[lastSectionIndex].classList.add('ms-auto')
})

Grzegorz Bujański staff answered 1 year ago


What do you mean by toolbar? We do not have such a component


jcarvalho priority commented 1 year ago

MDB WYSIWYG editor toolbar. There are various icons bold, left and right indent etc.

Want to disable the editor's show html icon.



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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.2.0
  • Device: Windows
  • Browser: Chrome
  • OS: windows 11
  • Provided sample code: No
  • Provided link: No