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.39k stars 316 forks source link

Rendering error #192

Closed repat closed 4 years ago

repat commented 4 years ago

Describe the bug 2 nearly identical pages produce different results. I'm using Laravel + Blade to render a simple CRUD page.

This is the textarea + JS code:

 <textarea class="form-control" id="easymde-text-en" name="text['en']" cols="50" rows="10">
                    Test
</textarea>
var easyMde = new EasyMDE({element: document.getElementById('easymde-text-en')

The pages are nearly identical (one for create, the other for edit a record), I can't find a relevant difference.

To Reproduce I would just like to see if somebody has experienced something similar and can point me in the right direction. See Screenshots.

Expected behavior Both views render the same

Screenshots Render error: image

Render normal: image

Version information

Additional context

Ionaru commented 4 years ago

Make sure the CSS is imported on both pages.

repat commented 4 years ago

Thanks for the hint @Ionaru it was actually the templating engine that was preventing the CSS from being included