はてなフォトライフの画像を貼り付けるときに、フォトライフ記法でaltとtitleを指定できるようにしました（はてな記法モード、Markdownモード） - はてなブログ開発ブログ

テクノロジーカテゴリーの変更を依頼記事元:

staff.hatenablog.com

61 usersがブックマークコメント

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fstaff.hatenablog.com%2Fentry%2F2017%2F02%2F24%2F152000" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="http://www.lepang.cn/lp/htmls/common/api/yh.php?url=https://staff.hatenablog.com/entry/2017/02/24/152000">はてなフォトライフの画像を貼り付けるときに、フォトライフ記法でaltとtitleを指定できるようにしました（はてな記法モード、Markdownモード） - はてなブログ開発ブログ</a><a href="http://www.lepang.cn/lp/htmls/common/api/yh.php?url=https://b.hatena.ne.jp/entry/s/staff.hatenablog.com/entry/2017/02/24/152000">はてなブックマーク - はてなフォトライフの画像を貼り付けるときに、フォトライフ記法でaltとtitleを指定できるようにしました（はてな記法モード、Markdownモード） - はてなブログ開発ブログ</a></div></iframe>

プレビュー

規約違反を報告

はてなフォトライフの画像を貼り付けるときに、フォトライフ記法でaltとtitleを指定できるようにしました（はてな記法モード、Markdownモード） - はてなブログ開発ブログ

はてなブログでは、はてなフォトライフに投稿した画像を表示するはてな記法（fotolife記法）を拡張し、... はてなブログでは、はてなフォトライフに投稿した画像を表示するはてな記法（fotolife記法）を拡張し、画像（img要素）のtitle属性とalt属性を指定できるようにしました。編集サイドバーの「写真を投稿」などを使ってはてなフォトライフにアップロードした画像を、はてな記法モードもしくはMarkdownモードで記事編集画面に貼り付ける際に、よりアクセシビリティを考慮したマークアップを実現することができます。どうぞご利用ください。＊見たままモードでは、はてな記法ではなくHTMLでそのまま貼り付けるため、HTML編集タブから書き換えることができます。フォトライフ記法と、titleおよびaltを指定する方法についてはてな記法モードおよびMarkdownモードでは、編集サイドバーから「写真を投稿」したときに、次のようなfotolife記法で画像が貼り付けられます。 [f:id:hatena