Magento – wysiwyg in custom module, image links are incorrect

imagewysiwyg

I have a custom module, where I want to add wysiwyg editor to field.
I do it in this way:

    $fieldset->addField('submenu_html', 'editor', array(
        'name'      => 'submenu_html',
        'label'     => Mage::helper('cmsnav')->__('Submenu HTML'),
        'title'     => Mage::helper('cmsnav')->__('Submenu HTML'),
        'style'     => 'width:500px; height:400px;',
        'wysiwyg'   => true,
        'required'  => false,
        'config'    => Mage::getSingleton('cms/wysiwyg_config')->getConfig(),
    ));

In xml file I added all necessary JS and CSS files.
Editor is working, but then I upload image I get this kind of link:

<img src="http://linktoproject/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvVW50aXRsZWQtMS5wbmcifX0,/key/13e9709bba938ba67ff4ab68cb24c7a969aa89da4039bd850d65204116d6e76a/" alt="" />

And I can see image only in Mozilla, in other browsers image doesn't load.
I checked config setting which I get on my module page and in CMS Static Block, they are same. Where can be problem? Thank you.

Best Answer

This is not a browser issue. More than that, it's not a bug, it's a feature. You have the Media Storage set to Database. If you change that to File System you should see the image src like {{media url="wysiwyg/Untitled-1.png"}}.
You can change this setting from System->Configuration->System->Storage Configuration for Media

Related Solutions

Magento – Wysiwyg image upload not working

So after a day of diving into this issue; disabling modules, enabling modules, removing changes in local etc etc, I found the problem.

I used an extension called PhPro_Translate to do a large amount of translations for front and backend from English to Swedish and so in my std install I have just inserted all the rows of translations into core_translate (as the extension does). It turns out that one of the 80 or so translated strings under the Mage_Cms module cause the error. I honestly did not have the energy to look into exactly which string as I still have 3400 rows working :), but I have a vague idea it could have been a Swedish word with umlauts.

In the very unlikely event that someone else runs into the same problem, that's the answer!

Cheerio

UPDATE: Since this could have implications in other contexts, here's what caused the js error. In one of the translations I had used single quotes around a word to denote it was the original English term but I had forgotten to escape the quotes. Voilà!

WYSIWYG Custom Styles in Magento

Sometimes it is not always necessary to extend Magento as per The Correct Way. In this case, if you simply want to customise the editor and get back to being focused on the product catalogue, you can simply edit js/mage/adminhtml/wysiwyg/tiny_mce/setup.js and add your style selection in var settings (line 97):

    var settings = {
        mode : (mode != undefined ? mode : 'none'),
        style_formats:[
            {title : 'Source Code', block : 'code', classes : 'prettyprint', exact: true}
        ],

        ...

This will now mean you have one style, 'Source Code'.

http://www.tinymce.com/wiki.php/Configuration:style_formats

Next time that Magento is upgraded you will lose your customisations. When you upgrade you can simply put the styles back in or you can put together a whole module load of stuff to do this The Proper Magento Way.

Best Answer

Related Solutions

Magento – Wysiwyg image upload not working

WYSIWYG Custom Styles in Magento

Related Topic