Preview in editor doesnt display ul/ol

[VrbovskyM]

I have set up my trumbowyg editor with bunch of plugins. everything seems to work except when I use unordered/ordered list, it doesnt preview in editor, but is actually in the output.
Editor with selected ul

Output:

[Alex-D]

Hey!
What's the setup? Is the reset CSS option in use there? (Note: I do not recommend it)
Make sure to use identical CSS on the edit and output pages.

[VrbovskyM]

Okay so Tailwind is the issue
Add this into input.css, add the class to the div that has trumbowyg editor, and its fixed.

@layer base {
  .no-tailwindcss-base ol,
    .no-tailwindcss-base ul {
        list-style: revert;
        margin: revert;
        padding: revert;
    }
  
}

[VrbovskyM]

Since I have you here. I'd like to ask one more question.
I need to somehow disable the option for images to be pasted into editor. I need to avoid base64 image coding
I removed pasteImage and base64 plugins, but user is still able to paste them in.
I want user to only insert image with these two options

I read this issue but Im failing to follow your solution. Could you please elaborate ?
Thank you in advance!
#407

[Alex-D]

Maybe try a plugin like that:

(function ($) {
    'use strict';

    $.extend(true, $.trumbowyg, {
        plugins: {
            preventImagePaste: {
                init: function (trumbowyg) {
                    trumbowyg.pasteHandlers.push(function (pasteEvent) {
                        try {
                            var items = (pasteEvent.originalEvent || pasteEvent).clipboardData.items,
                                mustPreventDefault = false,
                                reader;

                            for (var i = items.length - 1; i >= 0; i -= 1) {
                                if (items[i].type.match(/^image\//)) {
                                    mustPreventDefault = true;
                                }
                            }

                            if (mustPreventDefault) {
                                pasteEvent.stopPropagation();
                                pasteEvent.preventDefault();
                            }
                        } catch (c) {
                        }
                    });
                }
            }
        }
    });
})(jQuery);

[VrbovskyM]

Works great. Thanks!