技術

esaに貼る画像をリサイズする方法

投稿日:

こんにちは。たなかです。

みなさん、esa使ってますか?

esaは「情報を育てる」という視点で作られた、
自律的なチームのための情報共有サービスです。
esa公式より引用)

 

弊社でも情報共有に利用していて、私でいうとIonic関連のエラー内容やおまじないなんかを追記して、社内向けに展開しています。

記事を更新していて、「画像をリサイズするのってどうやるんだ??」と思って調べたのでメモです。

やり方

imgタグを使う!

画像添付時に、以下のように記述します。

<img
src="https://img.esa.io/uploads/production/pictures/105/3203/image/378bedb1186931ecfa019e92dafc1692.gif"
alt="小さくpatapata (\\( ⁰⊖⁰)/)" width="32" height="32" />

imgタグに置き換えることで、width,heightが扱えるようになりました! やったね!

まとめ

わかっちゃえば何てことないですね。

Ionicの記事を書いたりしていると、添付画像がスマホのスクショだったりして縦に長いので、テキストのプレビューがどんどんマークダウンとずれちゃうんですよね。

これで無事に解消できそうです。

みなさんも快適なesaライフを。

 

参考サイト

https://docs.esa.io/posts/49#%E7%94%BB%E5%83%8F

-技術
-

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

[Rails] バージョン上げるときに気をつけること

どうも中田です。 セキュリティ診断とかで引っかかってrailsのバージョンあげた …

no image

[JavaScript]IEのif文の判定がchromeと違う?

こんにちは、コーテッグのこやまです。 今持っている案件で、IE対応を進めているの …

[XCode] clang: error: linker command failed with exit code 1

どうも中田です 本日はシンプルに。 XCodeでbuild時に発生しました。 エ …

Google Web Developers便利なコマンドラインAPIの使い方

こんにちは。佐藤です。 今回はGoogle Web Developersで使える …

no image

CSSのpositionで要素を真ん中寄せにする(JS不要)

positionを使って要素を真ん中寄せにする時は、transform: tra …