技術

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

TypescriptでMap使用時にコンパイルエラー

こんにちは 連想配列で重複を省く処理をしたい時にMapを使用することがあります。 …

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

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

[ Rails ] ExecJS::RubyRacerRuntime is not supported. Please replace therubyracer with mini_racer in your Gemfile or use Node.js as ExecJS runtime.

こんにちは。たなかです。 モバイルアプリ開発の内容でブログを書くことが多い私です …

no image

OSSに貢献してみたい人向けチュートリアルの紹介

こんばんは githubのtrendingを眺めてたら、OSSに貢献してみたい人 …

no image

[TypeScript]enumを代入記法で書いた場合に、値からキーが取れるか調べてみた。

TypeScriptのenumのドキュメント(TypeScript Deep D …