TinyMCE画像カスタムハッシュ

Question

私はいくつかの古いウェブページのコンテンツでTinyMCEエディタを使っています。 すべてのHTMLコンテンツには、画像に「リンク」が含まれています（フォーマット：.. <img src="##IMAGE:1234##"/> ..）。私はすべての画像に/インライン=> http://example.com/images/1234

をダウンロードするためのURLを知っている

「..<img src="##IMAGE:1234##"/>..」私はHTMLプレビューで画像を表示する必要がありますが、コードの中で、それは形式に滞在してい 私は、エディタのコンテンツを解析する必要がありますか元のIMG src（##IMAGE:1234##）のIMG srcをURL + IDで置き換えます。

HTMLコードモードでは「..<img src="##IMAGE:1234##"/>..」のように表示されますが、プレビューモードで表示される画像はありますか？

おかげ

Answer 1

のTinyMCEを使用すると、エディタに与えるHTMLをレンダリングするために、ブラウザに依存しています。あなたが提供している現在のsrcは有効ではないため、画像は表示されません。

data-xxxを使用して、コンテンツをエディタに配置するときに必要な値を格納し、プログラムでsrc属性を設定することをお勧めします。例えば

...

あなたは<img data-imgsrc="##IMAGE:1234##" />として、データベース内の画像タグを保存することがあります。エディタにコンテンツを読み込む準備ができたら、画像タグにsrc属性を追加して、<img data-imgsrc="##IMAGE:1234##" src='http://example.com/images/1234' />になります。これにより、エディタはイメージをレンダリングできます。

HTMLコンテンツをデータベースに保存するときは、data-imgsrc属性を持つ画像から何らかの理由でsrc属性を削除することができます。