3

Plone CMS 上で動作するテスト Web サイトに SVG 要素を表示しようとしています。

このトピックに関する他の投稿で既に説明したように、「HTML フィルター設定」で SVG が「厄介な」または「削除された」タグ リストに含まれていないことを確認し、それを「カスタム タグ」に追加しました。

それでも、以下に示すように W3Cschools の単純な SVG の例を埋め込もうとしても、要素が表示されません。

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <circle cx="100" cy="50" r="40" stroke="black"
  stroke-width="2" fill="red"/>
</svg>

「オブジェクト」タグを使用して SVG 画像を埋め込むと、SVG 画像が問題なく表示されます。

<object data="http://upload.wikimedia.org/wikipedia/en/c/ce/SVG-logo.svg"
type="image/svg+xml"></object>

オンまたはオフに切り替えるのを忘れた Plone の設定はありますか? W3Cschools の例は独自の Web サイトで問題なく表示されるため、これは私のブラウザーではありません。

ご指摘ありがとうございます。

4

2 に答える 2

3

portal_transforms->safe_html を無効にし、サーバーを再起動して、アイテムを編集するときに [ビジュアル エディターなしで編集] をクリックすると機能します。ただし、フィルタリングなしでスクリプト攻撃が可能になる可能性があるため、これには責任ある編集者 (安全なパスワードの選択、ログアウトなど) が必要です。

編集: html-filter-settings に触れずに、他の可能性があります。要件によって異なります。いくつかのアイデア:

  • svg ファイルをローカルで準備し、画像としてアップロードし、TinyMCE 経由で挿入します。
  • Collective.portlet.tal をアイテムに割り当て、コードを挿入し、Products.ContentWellPortlets を使用して必要な場所に配置します。

最初のものは TinyMCE を介して contenttype のテキストフィールドに svg を挿入することを許可し、2 つ目は svg-element TTW を編集することを許可します。しかし、それを両方持つことはできませんか？

于 2012-10-06T08:14:51.100 に答える
0

ドキュメントのコンテンツ タイプを正しく送信する必要がある場合があります (svg であることを示すため)。

于 2012-10-10T04:29:09.517 に答える