Topic: How to enable left and right indents on toolbar
Expected behavior
Actual behavior
Resources (screenshots, code snippets etc.)
Need left and right indents,
What do you mean by toolbar? We do not have such a component
jcarvalho pro premium 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.
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')
})
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- 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