バージョン選択

フォーラム

メニュー

オンライン状況

54 人のユーザが現在オンラインです。 (50 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 54
もっと...

サイト内検索

質問 > フロント機能 > 商品説明にstyleタグを使いたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
2645dfd
投稿日時: 2024/5/13 14:23
対応状況: −−−
半人前
登録日: 2022/5/2
居住地:
投稿: 22
商品説明にstyleタグを使いたい
[EC-CUBE] EC-CUBE4.2.1
[レンタルサーバ] Xserver
[OS] 使用しているOS名、バージョン
[PHP] 7.4.33
[データベース] MySQL 10.5.13-MariaDB-log
[WEBサーバ] Apache
[導入プラグインの有無] データ移行プラグイン,GMO決済プラグイン
[カスタマイズの有無] あり

商品説明にstyleタグやpictureを使いたいです。
idやclassなども使いたかったので、過去の質問を参考にこのように作成しまして、
styleとpictureタグ以外は表示できました。


こちらのファイルを作成して
app/config/eccube/packages/exercise_html_purifier.yaml

記述はこちらです。
exercise_html_purifier:
    html_profiles:
        default:
            config:
                HTML.Allowed: '*[id|class|style],img[src],a[href|target],p,br,div,span,table,tbody,tr,td,th,strong,b'
                Attr.AllowedFrameTargets: '_blank'
                CSS.AllowTricky: 'true'




上記のHTML.Allowedにstyleタグを追加するとこのようなエラー文書がでまして、
HTML Purifierエンドユーザー向けドキュメントが参考になりそうでした。

エラー文章:
Warning: Element 'style' is not supported (for information on implementing this, see the support forums) in /home/〇〇/public_html/ec/vendor/ezyang/htmlpurifier/library/HTMLPurifier/HTMLDefinition.php on line 311


ドキュメント:
http://htmlpurifier.org/docs/enduser-customize.html


もしかしてEC-CUBEのこのあたりのファイル(ec/vendor/ezyang/htmlpurifier/library)を編集すると良いのかと考えているのですか、
styleタグを使うことはそもそもできないのでしょうか?


関連商品の説明文では、何もしなくてもstyleタグが使えるので同じようにできればと考えています。



-----追記--------

海外の方で同じ内容で相談が見つかりましたが、Filter.ExtractStyleBlocksの使い方が
よくわからず、もしかしたら難しいかもしれないです

https://stackoverflow.com/questions/2553704/can-i-configure-html-purifier-to-allow-style-tags
tattsu
投稿日時: 2024/5/14 11:24
対応状況: −−−
仙人
登録日: 2023/12/23
居住地:
投稿: 335
Re: 商品説明にstyleタグを使いたい
シンプルに登録するだけならこれでできるかもしれません。
すみません、試してないです。

exercise_html_purifier:
html_profiles:
default:
config:
HTML.Allowed: '*[id|class|style],style,img[src],a[href|target],p,br,div,span,table,tbody,tr,td,th,strong,b'
Attr.AllowedFrameTargets: '_blank'
CSS.AllowTricky: 'true'
elements:
style:
- Block
- Flow
- Common
- { media: Text }


----------------
-------------------

EC-CUBEカスタマイズ・バージョンアップ・不具合修正(状況調査は無料)
ゴールドパートナー。

2645dfd
投稿日時: 2024/5/14 14:51
対応状況: −−−
半人前
登録日: 2022/5/2
居住地:
投稿: 22
Re: 商品説明にstyleタグを使いたい
ご返信ありがとうございます!

試してみたのですが、EC-CUBE全体がエラーになってしまったので他の方法を探してみようと思います。
データ移行の関係でstyleタグが使えればと考えていたのですが、難しければ一つ一つ再現させていこうとおもいます。またなにかわかりましたら追記いたします。
tattsu
投稿日時: 2024/5/14 15:04
対応状況: −−−
仙人
登録日: 2023/12/23
居住地:
投稿: 335
Re: 商品説明にstyleタグを使いたい
EC-CUBE全体がエラーになるのは、yamlファイルのフォーマットがおかしいといったことではないでしょうか。

yamlファイルはスペースが重要ですが、この掲示板に書くとコードのスペースがうまく表現できないので、、。

他のyamlのようにスペースを調整すればサイト全体がエラーにならないのではないかと思います。

また、ログを確認すればエラーの原因はわかりそうです。
https://umebius.com/eccube/how_to_handle_system_error/


----------------
-------------------

EC-CUBEカスタマイズ・バージョンアップ・不具合修正(状況調査は無料)
ゴールドパートナー。

2645dfd
投稿日時: 2024/5/15 10:05
対応状況: −−−
半人前
登録日: 2022/5/2
居住地:
投稿: 22
Re: 商品説明にstyleタグを使いたい
yamlファイルはスペースが重要なのですね。
あれから出てくるエラーログから修正して<style>タグは使えるようになりました。
styleタグにはBlock, Inline, Common, type属性を許可する必要があったようです。
頂いたアドバイスから調べられました。ありがとうございます!


exercise_html_purifier:
  html_profiles:
    default:
      config:
        HTML.Allowed: '*[id|class|style],style,img[src|alt|width],a[href|target],p,br,div,span,table,tbody,tr,td,th,strong,b,video[src],picture,source[src|type|media|srcset]'
        Attr.AllowedFrameTargets: '_blank'
        CSS.AllowTricky: 'true'
      elements:
        style:
          - Block
          - Inline
          - Common
          - { type: Text }
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は93,362名です
総投稿数は111,029件です

投稿数ランキング

1
seasoft
7369
2
468
3217
3
AMUAMU
2712
4
nanasess
2315
5
umebius
2085
6
yuh
1845
7
h_tanaka
1755
8
red
1574
9
mcontact
1463
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
804
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.