技術

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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

gormでバルクインサート

こんにちは gormでレコードを作成する時は user := User{Name …

【Rails】ActionController::InvalidAuthenticityToken (ELB,EC2)

どうも中田です。 また出ました。赤い画面。 日々いろんなサイトを見てますが、この …

Chrome開発者ツールの背景を黒にする

普段コーディングしている時は、背景黒の方が目に優しい気がするのでエディターの背景 …

[Xcode] The executable was signed with invalid entitlements. でアプリを実機確認できない!

こんにちは。たなかです。 作ったiOSアプリを実機確認したくて、Xcodeからデ …

Webページまるごと画面キャプチャできるChromeの拡張機能「Full Page Screen Capture」

こんにちは。たなかです。 先日、チームのメンバーにスマホデザインのスクリーンショ …