技術

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

wordpressでcommon.min.cssが勝手に読み込まれる

こんにちは wordpressで自作テンプレートを作っている時に、見た目が崩れた …

[SSL] let’s encryptの更新でエラー?!

どうも中田です。 無料でSSL証明書が取得できる今日この頃、いかがお過ごしでしょ …

no image

【Rails】RailsでFriendlyURLを設定する

こんばんは 例えばRailsでブログ記事ページのルーティングを設定するときは b …

no image

VivaldiのWEBパネルに登録して便利だったサイトを紹介する

こんばんは VivaldiのWEBパネルはとても便利です。 今回はWEBパネルに …

no image

[Angular]ng-forでオブジェクトを回してkeyとvalueを取得する。

AngularのディレクティブであるngForで以下のように、オブジェクトを回そ …