管理URLを使用したMagento 2 WYSIWYGメディアイメージディレクティブ

管理URLを使用してmagento 2がメディアイメージのディレクティブを作成するのはなぜですか？

たとえば、カテゴリページWYSIWYGに画像を追加すると、追加されます

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

しかし、その後、magentoはフロントエンドのためにそれを解析し、このようなものです

<img src="https://domain.co.uk/admin/cms/wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvQ29udmV5b3JfYmVsdHNfZmFzdF9kZWxpdmVyeS5qcGcifX0,/key/b67d0a8069ef28a8443e0bad6d912512704213d60e1d9021b1ec2b9dd34bf390/" alt="">

管理者へのリンクはブラウザにロードする唯一の方法なので、管理者にログインしている場合のみです。また、フロントエンドで管理パスを開示しているため、セキュリティ上の問題も発生します。

vendor / magento / module-cms / Helper // Wysiwyg / images.phpを見て、関数getImageHtmlDeclaration（）がこれを生成するように見えます

   public function getImageHtmlDeclaration($filename, $renderAsTag = false)
    {
        $fileurl = $this->getCurrentUrl() . $filename;
        $mediaUrl = $this->_storeManager->getStore()->getBaseUrl(\Magento\Framework\UrlInterface::URL_TYPE_MEDIA);
        $mediaPath = str_replace($mediaUrl, '', $fileurl);
        $directive = sprintf('{{media url="%s"}}', $mediaPath);
        if ($renderAsTag) {
            $html = sprintf('<img src="%s" alt="" />', $this->isUsingStaticUrlsAllowed() ? $fileurl : $directive);
        } else {
            if ($this->isUsingStaticUrlsAllowed()) {
                $html = $fileurl; // $mediaPath;
            } else {
                $directive = $this->urlEncoder->encode($directive);
                $html = $this->_backendData->getUrl('cms/wysiwyg/directive', ['___directive' => $directive]);
            }
        }
        return $html;
    }

私はメディアに静的なURLを使用しようとしましたが、まだ使用しないので、考えられる唯一の回避策は、この関数を編集してバックエンド/管理者の代わりにフロントエンドURLを使用することです

これに関する助けは非常にありがたいです:)

これは、CE 2.1.5にまだ存在する既知のバグです。

既知の修正は'add_directives' => true、のgetConfig機能に追加することですvendor/magento/module-cms/Model/Wysiwyg/Config.php。

それを行うための最善の方法は、書くことですインターセプターを。

1. カスタムMagento 2拡張機能のetc/di.xmlファイルで：

   <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
     <type name="Magento\Cms\Model\Wysiwyg\Config">
      <plugin name="add_wysiwyg_data" type="Vendor\Module\Plugin\WysiwygConfig" sortOrder="30" />
     </type>
   </config>

2. Vendor\Module\Plugin\WysiwygConfig.php：

   namespace Vendor\Module\Plugin;
   
   class WysiwygConfig
   {
    public function afterGetConfig($subject, \Magento\Framework\DataObject $config)
    {
      $config->addData([
       'add_directives' => true,
      ]);
   
      return $config;
    }
   }

3. インストールする php bin/magento setup:upgrade

4. 重要：インストール後、影響を受けるカテゴリの説明を再編集し、イメージを再アップロードする必要があります。

この修正拡張機能のアイデアは私のものではなく、この男です。彼はまた、ダウンロードできるようにgithubにそれをすべて詰め込みました。

CE 2.1.4で自分でテストしたところ、正常に動作します。

最も簡単な解決策は、getImageHtmlDeclaration()関数を更新することですvendor/magento/module-cms/Helper//Wysiwyg/images.php

public function getImageHtmlDeclaration($filename, $renderAsTag = false)
{
    $fileurl = $this->getCurrentUrl() . $filename;
    $mediaUrl = $this->_storeManager->getStore()->getBaseUrl(\Magento\Framework\UrlInterface::URL_TYPE_MEDIA);
    $mediaPath = str_replace($mediaUrl, '', $fileurl);
    $directive = sprintf('{{media url="%s"}}', $mediaPath);
    if ($renderAsTag) {
        $html = sprintf('<img src="%s" alt="" />', $this->isUsingStaticUrlsAllowed() ? $fileurl : $directive);
    } else {
         $html = $fileurl;
        //if ($this->isUsingStaticUrlsAllowed()) {
        //    $html = $fileurl; // $mediaPath;
        //} else {
        //    $directive = $this->urlEncoder->encode($directive);
        //    $html = $this->_backendData->getUrl('cms/wysiwyg/directive', ['___directive' => $directive]);
        //}
    }
    return $html;
}

これは最善のアプローチではないかもしれませんが、うまくいきます。

CE 1.9でも同じ問題が発生しました。解決策は次のとおりです。アイデアは変数$ htmlを変更しようとしています（Di、PluginまたはPatch packagist.org/packagesを使用できます）

Magento \ Cms \ Helper \ Wysiwyg \ Images.php行180

$html = $this->_backendData->getUrl('cms/wysiwyg/directive', ['___directive' => $directive]);

に置き換える

$html = $this->_backendData->getUrl(
                'cms/wysiwyg/directive',
                [
                    '___directive' => $directive,
                    '_escape_params' => false,
                ]
            );

参照：github.com/PieterCappelle

カスタムMagento 2拡張機能のetc / di.xmlファイルで：

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Magento\Catalog\Observer\CatalogCheckIsUsingStaticUrlsAllowedObserver">
        <plugin name="cms_wysiwyg_images_static_urls_allowed_plugin" type="Vendor\Module\Plugin\CatalogCheckIsUsingStaticUrlsAllowedObserver" sortOrder="10" disabled="false"  />
    </type>
</config>

Vendor \ Module \ Plugin \ CatalogCheckIsUsingStaticUrlsAllowedObserver.php

namespace Vendor\Module\Plugin;

class CatalogCheckIsUsingStaticUrlsAllowedObserver
{
    public function aroundExecute(
        \Magento\Catalog\Observer\CatalogCheckIsUsingStaticUrlsAllowedObserver $subject, 
        \Closure $proceed, 
        $observer)
    {
        $objectManager =  \Magento\Framework\App\ObjectManager::getInstance();        
        $storeManager  = $objectManager->get('\Magento\Store\Model\StoreManagerInterface');
        $catalogData  = $objectManager->get('\Magento\Catalog\Helper\Data');
        $storeID = $storeManager->getStore()->getStoreId(); 
        $result = $observer->getEvent()->getData('result');
        $result->isAllowed = $catalogData->setStoreId($storeID)->isUsingStaticUrlsAllowed();
    }
}

私のために働きます！