I built a custom Magento extension that lets visitors leave feedback on my site. Right now they can only type plain text but I want to give them formatting options like bold, italic, lists and maybe some basic styling tools.
I’m looking for guidance on implementing a rich text editor in the frontend area. I’ve seen WYSIWYG editors in the admin panel but I’m not sure how to properly add one to a public-facing form.
What’s the best approach to add this functionality? I need something that works well with Magento’s structure and doesn’t break the page layout. Any basic implementation example would be really helpful to get me started.
I added TinyMCE to my custom feedback module last year - works great with Magento’s frontend. Use requirejs in your template and configure it right so it doesn’t clash with Magento’s existing scripts. Build a custom JS file that sets up the editor with whatever toolbar options you want, then reference it in your form template. Don’t forget to sanitize the HTML output on the backend before saving or you’ll get XSS issues. For responsive layouts, set width to 100% and let CSS handle the rest - won’t break anything. Start with a basic toolbar setup and add features based on what users actually ask for.
What about Quill editor? I’ve been wanting to try it for comment systems - seems way lighter than the other options. But have you thought about mobile users? Most ppl browse on phones now and WYSIWYG editors can be pretty clunky on small screens.
ckeditor’s a good alternative to tinymce. just grab it from cdn and slap it on your textarea - super easy setup. don’t forget to sanitize the html server-side though, never trust what users send you. i’d also throw in a preview feature so ppl can check how their content looks before hitting submit.