Topic: How to enable left and right indents on toolbar

jcarvalho priority asked 2 years ago


Expected behavior

Actual behavior

Resources (screenshots, code snippets etc.)

Need left and right indents,


Grzegorz Bujański free answered 2 years 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 free answered 2 years ago


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


jcarvalho priority commented 2 years 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