textarea に画像をアップロードしたときのプレビュー画面に表示された画像をクリックすると、別タブで開かれるようにしました #8045
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
goruchanchan
changed the title
|
@su-su-su-su |
|
@goruchanchan |
|
@su-su-su-su お手数をおかけしますがよろしくお願いいたします🙇♂️ |
su-su-su-su
approved these changes
Sep 6, 2024
|
@su-su-su-su @komagata |
komagata
deleted the
bug/textarea_image_format_markdown_to_htmltag_href
branch
4 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Issue
概要
以前のPRにて textarea に画像をアップロードした際の記法を、マークダウン形式から HTML タグ形式にしましたが、画像をクリックすると別タブで表示できなくなってしまったため表示できるようにしました。参考
変更に伴い textarea-markdown npm を更新しています。npm のコード修正はこちらの PR にて実施済みとなっているため確認不要です。本 PR では FBC アプリでの機能確認が主となります。
変更確認方法
bin/setupで npm を更新foreman start -f Procfile.devでアプリを立ち上げる<a href="{画像のURL}" target="_blank" rel="noopener noreferrer"><img src="{画像のURL}" width="xxxx" height="xxxx" alt="{画像のファイル名}"></a>となっていることを確認するNote
textarea へ画像をアップロードするページは複数ありますが、代表例として『お知らせ作成』のみを確認いただこうと思います。
Screenshot
変更前
画像をテキストエリアに貼り付けて、プレビューに表示された画像をクリックしても別タブが開かれませんでした。
変更後
プレビューに表示された画像をクリックすると別タブに画像が開かれるようになりました。