バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 商品説明にテーブルがあると、無用なbrタグが大量に挿入される

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
akiakihi
投稿日時: 2019/6/10 16:10
対応状況: −−−
一人前
登録日: 2014/7/17
居住地: 兵庫県
投稿: 74
商品説明にテーブルがあると、無用なbrタグが大量に挿入される
------------------------------------------------
[EC-CUBE] 3.0.17
[レンタルサーバ]さくらインターネット
[OS] Windows10
[PHP] PHP Version 7.2.17
[データベース] MySQL 5.7
[ブラウザ] Chrome
------------------------------------------------

お世話になります。

過去ログを検索してもヒットしないということは、商品の説明文中にテーブルを使用する方がほとんどいらっしゃらないということなのかもしれませんが・・・

タイトル通り、商品説明にテーブル構造を入れると、テーブル前に大量のbrタグが挿入されてしまいます。

商品マスター画面上、およびデータベースに保存されているデータにはbrタグが存在していないので、
ブラウザに表示されるまでの間のどこかの過程で挿入されてしまうようです。


商品詳細ページをgoogleのデベロッパーツールで見てみると
<p>テキスト</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<table>
 <tbody>
  <tr>
   <th></th>
   <td></td>
  </tr>
  <tr>
   <th></th>
   <td></td>
  </tr>
 </tbody>
</table>


となっていて、テーブルの前にbrタグが沢山あるのですが、

htmlソースを見てみましたら
<p>テキスト</p>
<table>
<br>
        <tr>
<br>
        <th></th>
<br>
        <td></td>
<br>
      </tr>
<br>
      <tr>
<br>
        <th></th>
<br>
        <td></td>
<br>
      </tr>
<br>
</table>

となっていて
brタグはテーブル内にあり、テーブルのカラムが多いほど、最終的にテーブル前に挿入されるbrタグも多くなることがわかりました。
(表示が大きくズレます)

EC-CUBE2系のときにはこのようなことはなかったので、沢山のデータを3系に持ってきて表示に苦労しています。

試しに、twig末尾に
<script> setTimeout(function(){ let d = document.getElementById('item_detail'); d.innerHTML = d.innerHTML.replace(/(\s*<br[\s\/]*>\s*){2,}/ig, '<br />'); },100); </script>
と記述することで、連続brは消えましたが、
そうするとカートが機能しなくなってしまいました。
(カートに商品を入れると、アドレス末尾に?がつくだけでカートに商品が入りませんでした)


現在は、cssで.item_comment br{display:none;}とすることで、テーブル前の大量改行はなくなり、表示も落ち着きましたが、
当たり前ですが本文も全て改行なしになってしまいます。

これから登録する新しく商品については、テーブル以外の本文はdivで囲うことで改行なしを回避できますが、既存の商品本文にはcssで改行がないままですので、
もしもこのテーブル前の沢山のbrタグ挿入がどこかの記述で直るようであれば、お教えいただけましたら幸いです。

どうぞよろしくお願いいたします。




h_tanaka
投稿日時: 2019/6/14 15:20
対応状況: −−−
仙人
登録日: 2016/7/22
居住地: 愛媛県
投稿: 933
Re: 商品説明にテーブルがあると、無用なbrタグが大量に挿入される
こちらで解決できます。

br + br + br {
    display: none;
}

改行タグが3回以上繰り返された場合に非表示にしています。


----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社 田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

akiakihi
投稿日時: 2019/6/14 17:40
対応状況: 解決済
一人前
登録日: 2014/7/17
居住地: 兵庫県
投稿: 74
Re: 商品説明にテーブルがあると、無用なbrタグが大量に挿入される
そんなCSSの書き方があったんですね!

知りませんでした。
ご返答いただき感謝いたします。
ありがとうございます!
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

ec-cube.co

統計情報

総メンバー数は52,848名です
総投稿数は93,904件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
nanasess
2012
4
468
1873
5
yuh
1610
6
umebius
1371
7
red
1361
8
h_tanaka
933
9
fukap
907
10
tsuji
856
11
shutta
835
12 ramrun 789
13
tao_s
780
14 karin 656
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
483
20 tonton 437


ネットショップの壺

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

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