search

Ionaru / easy-markdown-editor

EasyMDE: A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.
https://stackblitz.com/edit/easymde
MIT License
2.32k stars 308 forks source link

Bootstrap and toolbar icon for table issue #531

Open protee opened 1 year ago

protee commented 1 year ago

That was working with simpleMDE. With easyMDE, if I install the last bootstrap.min.css (v4.0.0), the "table" button in the toolbar takes the full width of the web zone, making it below, then the following icons below too. If I remove bootstrap, it works but I don't like the fonts used, and if I remove the "table" button everything's fine too.

On mac os Monterey.

showIcons: ["strikethrough","heading","heading-smaller","heading-bigger","code","quote","unordered-list","table","horizontal-rule"], image If I remove the "table" tool, showIcons: ["strikethrough","heading","heading-smaller","heading-bigger","code","quote","unordered-list","horizontal-rule"], image

Probably "table" is a keyword ?

marco-silva0000 commented 1 year ago

I think it was introduced here: https://github.com/Ionaru/easy-markdown-editor/commit/d26b4e399b42c8b209531018393454cc1bdd5f6c

one way to fix it temporarly is to set the option toolbarButtonClassPrefix: 'eme-icon',

I would recommend adding a default prefix as a permanent fix.