Wrong URL returned by WYSIWYG editor for images

Question

I've noticed a weird behavior from the WYSIWYG editor in the product description. Whenever I insert an image it will output

<img src="{{media url="http://example.com/media/wysiwyg/the-picture.jpg"}}" alt="" />

while in another context, such as static blocks editing, it would output

<img src="{{media url=wysiwyg/the-picture.jpg"}}" alt="" />

This results in displaying

<img alt="" src="http://example.com/media/http://example.com/media/wysiwyg/the-picture.jpg">

which is obviously not what I want.

I've searched on different topics, and no one seems to have that specific problem. Did anyone come across this, does anyone have a fix?

Answer 1

the error is due to Mage::getBaseUrl('media') does not pass the store parameter !

To solve this bug, change in :

app/code/core/Mage/Cms/Helper/Wysiwyg/Images.php

Find function : getImageHtmlDeclaration

and change :

$mediaPath = str_replace(Mage::getBaseUrl('media'), '', $fileurl);

by

$mediaPath = str_replace(mage::app()->getStore($this->_storeId)->getBaseUrl('media'), '', $fileurl);

Answer 2

If you look at the file Mage_Adminhtml_Catalog_ProductController you will see where it add the store url for product wysiwyg.

$storeMediaUrl = Mage::app()->getStore($storeId)->getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA);

$content = $this->getLayout()->createBlock('adminhtml/catalog_helper_form_wysiwyg_content', '', array(
    'editor_element_id' => $elementId,
    'store_id'          => $storeId,
    'store_media_url'   => $storeMediaUrl,
));

My suggestion for you would be to look into this and debug what exactly is being passed to the config. It might also be worth comparing how this is done in cms pages.

Answer 3

Check the following configuration setting: System -> Configuration -> Catalog -> Catalog -> Frontend -> Allow Dynamic Media URLs in Products and Categories

Answer 4

Use the following code.

<img src="{{media url="/wysiwyg/the-picture.jpg"}}" alt="" />

the media url 'll give the store media url like http://www.yourdomain.com/media

to get Store Url

{{store url=""}}

to get Skin Url

{{skin url=""}}

More Details Refer this