Magento – Integrate WYSIWYG TinyMCE in Admin Custom Module and Contact Us / CMS Page

cmscontact-ustinymcewysiwyg

I followed this blog to add WYSIWYG editor (TinyMCE) in my custom Admin Magento Module. I can see it in my backend, but the issue is when I click on Insert Image, Insert Variable or Insert Widget, it shows me JS error in my Error Console.

Could someone shed some light on how to integrate WYSIWYG in backend as well as on frontend (ex: Contact Us Page) with the correct Magento approach.

Thanks

Best Answer

It looks like your page is missing the inclusion of the widget.js file. This is normally added in the admin section based on the layout handle editor.

<action method="addJs"><script>mage/adminhtml/wysiwyg/widget.js</script></action>

I would suggest that for you custom page you also add the editor layout handle to include add the js and css required.

<your_customer_handle>
    <update handle="editor"/>
</your_customer_handle>

Related Solutions

Magento – How to add a (working) widget button to category WYSIWYG editors

@Matthias,

I have created this module for you.

This works for me!

https://github.com/mkdizajn/hairy-tribble

cheers

Magento – WYSIWYG TinyMCE Editor Integration

You will need to include the wysiwyg javascript files.

I think the lines of code you need are.

<script type="text/javascript" src="<?php echo $this->getJsUrl() ?>tiny_mce/tiny_mce.js"></script>

And

<action method="addItem"><type>js</type><name>mage/adminhtml/wysiwyg/tiny_mce/setup.js</name><params/><if/><condition>can_load_tiny_mce</condition></action>

These should be set by default on normal adminhtml pages as long as you turn on the editor. To do this you can add the following to your block class in the _prepareLayout function.

$this->getLayout()->getBlock('head')->setCanLoadTinyMce(true);

Best Answer

Related Solutions

Magento – How to add a (working) widget button to category WYSIWYG editors

Magento – WYSIWYG TinyMCE Editor Integration

Related Topic