Alex-D / Trumbowyg

A lightweight and amazing WYSIWYG JavaScript editor under 10kB
https://alex-d.github.io/Trumbowyg
MIT License
4.02k stars 614 forks source link

Indent plugin missing some CSS for Firefox #1285

Open imaginarytools opened 2 years ago

imaginarytools commented 2 years ago

Not sure why yet, but there is something missing in the CSS of the dist/ui/trumbowyg.min.css file that doesn't allow the Indent plugin to work on Firefox. It does work in Chrome.

Interestingly, the way I figured out what was going on was looking at the example page (view-source:https://alex-d.github.io/Trumbowyg/demos/plugins/indent.html).

I added the css to my page like this:

<link rel="stylesheet" href="https://alex-d.github.io/Trumbowyg/css/main.css">
<link rel="stylesheet" href="/plugins/Trumbowyg/dist/ui/trumbowyg.min.css">

And then it worked just fine. Super important not to do it the other way around with the github version second, unless you love 3 inch buttons :)

Inspecting the elements in Firefox showed that the blockquote was not being added to the element. First day here, not sure yet how the elements are targeted by paragraph to then be tagged in a blockquote, but for now, that is what I know :)