textarea に画像をアップロードした際にHTMLタグ形式で表示する

[goruchanchan]

Issue

• Mardown textarea に画像をアップロードしたとき、画像は Markdown 記法はではなく素のHTMLタグで、width と height と loading=”lazy” がついた状態で書き出されたい。 #7303

概要

以前のPRにて textarea に画像をアップロードした際の記法を、マークダウン形式から HTML タグ形式にしましたが、画像の縦横サイズが取得できなかったバグについての修正です。

変更に伴い textarea-markdown npm を更新しています。npm のコード修正はこちらの PR にて実施済みとなっているため確認不要です。本 PR では fjord アプリでの機能確認が主となります。

変更確認方法

1. bug/textarea_image_format_markdown_to_htmltag をローカルに取り込む
2. bin/setup で npm を更新
3. foreman start -f Procfile.dev でアプリを立ち上げる
4. 任意ユーザ でログイン
5. お知らせ作成のフォームページにアクセスし、テキストエリアに画像をアップロードし、テキストが <img src="ファイルパス" width="画像横サイズ" height="画像縦サイズ" loading="lazy" decoding="async" alt=”image.png”> となっていることを確認する
   ※ textarea へ画像をアップロードするページは複数ありますが、代表例として『お知らせ作成』のみを確認いただこうと思います。

Screenshot

変更前

• ファイル名がある場合

  

• ファイル名がない場合

  

変更後

• ファイル名がある場合

  

• ファイル名がない場合

  

[goruchanchan]

@thmz337 お疲れ様です！お手数をおかけして申し訳ないのですがコードレビューお願いできないしょうか？お忙しいなどありましたら、遠慮なく言っていただければと思います🙇‍♂️

[thmz337]

@goruchanchan

ご指名ありがとうございます！確認させていただきます。

[goruchanchan]

@thmz337 ありがとうございます！よろしくお願いします🙇‍♂️

[thmz337]

@goruchanchan
お疲れ様です。確認させていただきました。
問題ないかと思いますので、approveさせていただきます。

[goruchanchan]

@thmz337 ご確認ありがとうございました🙇‍♂️大変助かりました🙇‍♂️

@komagata お疲れ様です！メンバーの承認をいただけましたので、ご確認よろしくお願いいたします🙇‍♂️

[komagata]

確認させて頂きました。OKです〜🙆‍♂️