概要 今までは純粋なStringで管理していたBlogの記事内容を、Wysiwyg編集できるようにするときにした作業の中身についてまとめました! ↓ 技術背景 rails react-rails react-railsの導入方法については本題から逸れるため、この記事からは省きます。 上記技術背景のプロジェクトに置いて、下記技術を導入しました。 ReactでWysiwygエディタを作るとしたら「これ」というもの。 Facebook製なため人気も高く、Ecosystemが整いつつあり、簡単に導入できかつ要件に合わせて機能追加が容易です。 react-draft-wysiwyg Draft.js製のStand Alone Editorは様々あり、Mediumのような形式からツールバーが上に出てる旧来の形式まで様々です。 https://github.com/nikgraf/awesome-dra
いつもサイトをご利用いただきありがとうございます。 平日のアクセス集中によるtypingx0.netのサイトエラー(502)緩和の為、 「寿司打」のコンテンツを http://typingx0.net/sushida/ から https://sushida.netに移転しました。 変更点はアドレスとSSL対応のみで、コンテンツの内容には特に変更はございませんが 学校や会社などでセキュリティソフトやフィルタリングソフトをご利用の場合は、 sushida.net のドメインをブロックから除外していただく必要があるかもしれません。 (※詳しくは、学校や会社でサイトの表示がブロックされる をご参考ください)
(治安の悪くない Emoji も作れます) 作ったもの ここで遊べます おもしろいところ GIF アニメのエンコードまですべて js で完結しているので、ありがちな「謎のサーバーに画像アップロードするといい感じに変換してくれる」的なサービスと違って、素性の知れたコードがクライアント側でサクサク動きます。 なにができるの? 画像を 128px x 128px に変形 画像を、 Slack にアップロードできる(現状)最大サイズの 128px x 128px に変形します。 ローカルのファイルから選ぶか、画像の URL を入力できます。アップロードするわけではないので、デカい画像でもサクサクなのがお気に入りです。 変形は 正方形に引き伸ばし(アス比無視) 正方形いっぱいに拡大して、余ったところはトリミング(アス比維持) 正方形に収まるように縮める(アス比維持) から選べます。 テキストから画像
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く