Wysiwyg custom attribute with cms directives is not working

Question

I have a wysiwyg custom attribute.

Insert an image there:

But in the html code source I see this one:

<img src="{{media url="wysiwyg/article1.jpg"}}" alt="" />

Instead of

<img src="imagepath/article1.jpg" alt="" />

This html source is generated by this code:

<?php echo $_item->getPreview() ?>

Why wysiwyg cms directive was not replaced with image url?

Answer 1

Custom attribute with wysiwyg cannot be simply outputted.

If it contains cms directives {{media url="wysiwyg/images_2_.jpg"}}, it should be preprocessed with catalog/output helper.

<?php
    $product = $this->getProduct();
    $attribute = $product->getYourAttribute();
    $attributeName = 'your_attribute_name';
    echo $this->helper('catalog/output')->productAttribute($product, $attribute, $attributeName);
?>

Important

Check that in sql upgrade your custom attribute was created correctly with all necessary properties

$this->addAttribute('catalog_category', 'custom_attribute', array(
    'group'                    => 'General',
    'input'                    => 'textarea',
    'type'                     => 'text',
    'label'                    => 'Custom attribute',
    'backend'                  => '',
    'visible'                  => true,
    'required'                 => false,
    'visible_on_front'         => true,
    'global'                   => Mage_Catalog_Model_Resource_Eav_Attribute::SCOPE_GLOBAL,
    'wysiwyg_enabled'          => true,
    //these attribute is very important for processing cms directives
    'is_html_allowed_on_front' => true,
));

Also make sure that "Allow Dynamic Media URLs in Products and Categories" in System->Configuration->Catalog->Frontend is set to "yes".

Answer 2

Use helper class

Instead of <?php echo $_product->getDescription();?>,

use <?php echo $_helper->productAttribute($_product, nl2br($_product->getDescription()), 'description'); ?>.

For me, its solved same issue on magento version 1.8.

Answer 3

For Magento 2.2.3 Please check that attribute you want to display meet the conditions: $attribute->getIsHtmlAllowedOnFront() $attribute->getIsWysiwygEnabled()

This check present in vendor\magento\module-catalog\Helper\Output::productAttribute