商品説明のHTMLについて

日本語 ディスカッション 技術的なQ＆A

Topic summary

商品説明のHTMLエディタで太字などの書式設定を行うと、<b data-mce-fragment="1"> のような不要なコードが自動的に挿入される問題が報告されています。

原因と背景:

  • TinyMCE（Shopifyが使用するWebエディタ）のバグが疑われている
  • WordPressでも類似の問題が発生している事例あり
  • Wordからのコピー、またはShopifyページエディタでの直接入力時に発生
  • 海外コミュニティでも同様の報告が確認されている

具体的な影響:

  • 太字などの基本的な書式設定では実用上問題ないケースが多い
  • リンク編集時にエラーが発生する報告あり
  • 保存後に「取り消す」「保存」ボタンが再表示され、再度「保存」を押すと data-mce-fragment が含まれる段落に影響
  • リンク先が <a data-mce-href> 属性の情報に勝手に戻ってしまう現象も

対処法:
PC・ブラウザの再起動後、HTMLビューで直接編集する方法が推奨されていますが、根本的な解決には至っていない状況です。

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

お世話になります。

商品説明のHTMLで、太字にしただけなのに、勝手にこのようなコードが出てくるのはなぜでしょうか。（太字に限らず、ほぼ全ての操作に対して出てきます）

例です

こちらのコードは何を意味しているでしょうか。消しても問題ありませんか。

よろしくお願いいたします。

2

海外コミュニティでも話題に出ていました。

アプリが関与している疑惑のほか、wordからコピーしたり、直接shopifyのページエディタで入力した時に確認されるのだとか。
https://community.shopify.com/topic/882077

wordpressでも似たような事が起こるそうです。

これは「TinyMCE（ウェブ上のhtmlエディター）」のバグとのこと。
https://27watari.com/wordpress-trouble-bookmark-style

結局、何故出力されるのか詳細は不明なのですが、消しても残しても問題はないです。

wordpressだと、PCやブラウザ再起動して新しく作り直す方法が推奨されていました。

3

商品ページを編集し保存したはず後で、もう一度「取り消す」「保存」が表示されることがありませんか？
その際に「保存」を押した場合は、<data-mce-fragment=“1”>が書き込まれている段落に影響を与える様です。

太字などへの編集時は実用上問題ないようですが、当方でリンク先の編集時にエラーが起こりましたので報告いたします。

Shopify商品管理ページのエディタ上で通常の編集画面、例えば同様の商品間でリンクをコピーペーストしていく作業後に「保存」するたびにリンク先が勝手にコピー元の情報に戻ってしまう現象です。

この場合は何故か追加されている属性に記載されているリンク先に上書きされ、戻ってしまっている様です。

なんど「保存」してもリンクがおかしい場合はエディタをHTMLビューにして作業してみてください。