draft.jsの検索結果1 - 3 件 / 3件

• あとで読む

  React専用リッチテキストエディタライブラリ「Draft.js」の実践的Tips集 - to-R Media

  • 78 users
  • www.to-r.net
  • テクノロジー
  • 2021/01/05

  • react
  • draft.js
  • あとで読む
  • editor
  • JavaScript
  • techfeed
  • tips

  
• あとで読む

  Draft.jsを使ったWYSIWYGの実現 - Techtouch Developers Blog

  • 7 users
  • tech.techtouch.jp
  • テクノロジー
  • 2021/11/24

  テックタッチのフロントエンドチームです。 今回はテックタッチの機能の表現の幅を広げるために WYSIWYG 機能を実装しました。 本記事では、Draft.js を用いて WYSIWYG 機能をどのように実装したか、どういう難しさがあったかなどを紹介します。 WYSIWYG とは Draft.js とは テックタッチについて WYSIWYG を使って実現したこと 表現力の向上 テックタッチ独自の UI の実現やテックタッチの機能との連携 実際に Draft.js を導入してみて WYSIWYG データの永続化対応 カスタムエレメント対応 画像の対応 サンプルコード ShadowDOM 問題への対応 今後の課題 テスト IME 対応 まとめ WYSIWYG とは WYSIWYG とは、簡単にいうと、 Markdown などの独自記法を用いて、、編集画面とは別画面で文書表現（UI）の設定をするの

  
• あとで読む

  Draft.js と Slate.js と CodeMirror の感想

  • 3 users
  • r7kamura.com
  • 世の中
  • 2019/12/10

  幾つかの Web サービスや Electron ベースのアプリに組み込むエディタを実装するにあたって、Draft.js、Slate.js、CodeMirror を試してきて得た情報について、個人の感想を述べる。今更感があるので、ライブラリそのものについての解説はしない。 冒頭で挙げている三つのライブラリの中では、単純に Server-Side Rendering してもエラーを出さず、普通に動くところが良かった。単純に動かないタイプのライブラリでは、例えば React ではライフサイクルイベントのコールバックである ComponentDidMount メソッドを利用するなどして、クライアントサイドのみでエディタが描画されるように工夫しなければならない。 Draft.js でエディタのスタイルを変更するには、Decorator という、描画前の内部データを DOM 要素へと変換する変換器を与