無料ブログ「rentafree.net」の管理人ブログ

<img>のタグ設定からポップアップを設定できるようにしました

前回の記事で実装する方向だとお伝えしていましたが、
ブログエディターの<img>タグの設定に拡張項目としてdata-popup属性を追加しました。

data-popup属性は公式JavaScriptの機能で、属性が存在する場合、画像クリック時に属性値を画像URLとしてポップアップ表示します。
機能を利用するために今まではHTMLコードを直接編集する必要がありましたが、タグ設定メニューから画像URLを指定すれば利用できるようになりました。


公式JavaScriptの独自属性なので知らない方には何の属性なのかわからないですが、
タグ設定メニューでは属性名の箇所にカーソルを合わせると簡単な説明がチップ表示されます。