Topic: How to enable left and right indents on toolbar

jcarvalho priority asked 10 months ago


Expected behavior

Actual behavior

Resources (screenshots, code snippets etc.)

Need left and right indents,


Grzegorz Bujański staff answered 9 months 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 10 months ago


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


jcarvalho priority commented 9 months 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