I went through couple of other question/answers on stackoverflow/magentostack regarding bringing backend tinyMCE to frontend,

Through these link1 link2

But they got issue listed/commented with `Uncaught ReferenceError: tinyMCE is not defined error`. They might have worked on certain pages(if any), but when i tried on product detail page, it didn’t work and showed me same error on console `tinyMCE is not defined`.

So, i went to see which file/js is responsible for this. and i figured it out that `js/tiny_mce/tiny_mce_jquery.js` is the one responsible for tinyMCE.

So you need to include this file, where you want wysiwyg editor. like i was testing on product detail page so i


Then on product view page(for.eg. was just to test) where i added text field

And script part, reference from those listed question above


And it worked showing me tinyMCE on frontend section. Cheers !!
backend wysiwyg editor on frontend

And here is my response on Stackoverflow

Suman K.C

eCommerce Developer, writes about stuff related to eCommerce development. Currently based in Kathmandu, loves reading about startups & new technology, introvert nature, fond of traveling & playing futsal.

More Posts