Draft.js - テキストエディタ開発用のReactコンポーネント MOONGIFT

テクノロジーカテゴリーの変更を依頼記事元:

www.moongift.jp

19 usersがブックマークコメント

記事へのコメント3件

注目コメント
新着コメント

lmhh “facebook/draft-js: A React framework for building text editors.”

2016/04/10 リンク

yohshiy テキストというよりもリッチテキストエディター

2016/04/07 リンク

minonet Draft.js - テキストエディタ開発用のReactコンポーネント Reactが向いているのはユーザの入力をリアルタイムに、かつ画面上の様々な場所に反映するようなインタラクティブなWebアプリケーションです。開発者は状態を…

2016/04/07 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fwww.moongift.jp%2F2016%2F04%2Fdraft-js-%25E3%2583%2586%25E3%2582%25AD%25E3%2582%25B9%25E3%2583%2588%25E3%2582%25A8%25E3%2583%2587%25E3%2582%25A3%25E3%2582%25BF%25E9%2596%258B%25E7%2599%25BA%25E7%2594%25A8%25E3%2581%25AEreact%25E3%2582%25B3%25E3%2583%25B3%25E3%2583%259D%25E3%2583%25BC%25E3%2583%258D%25E3%2583%25B3%25E3%2583%2588%2F" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://www.moongift.jp/2016/04/draft-js-%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E9%96%8B%E7%99%BA%E7%94%A8%E3%81%AEreact%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88/">Draft.js - テキストエディタ開発用のReactコンポーネント MOONGIFT</a><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2016/04/draft-js-%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E9%96%8B%E7%99%BA%E7%94%A8%E3%81%AEreact%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88/">はてなブックマーク - Draft.js - テキストエディタ開発用のReactコンポーネント MOONGIFT</a></div></iframe>

プレビュー

規約違反を報告

Draft.js - テキストエディタ開発用のReactコンポーネント MOONGIFT

Reactが向いているのはユーザの入力をリアルタイムに、かつ画面上の様々な場所に反映するようなインタラ... Reactが向いているのはユーザの入力をリアルタイムに、かつ画面上の様々な場所に反映するようなインタラクティブなWebアプリケーションです。開発者は状態を気にせず画面を作れるのが利点でしょう。さらにReactではコンポーネントの再利用がしやすいのも利点と言えます。今回はFacebookの開発したテキストエディタ開発用コンポーネントDraft.jsを紹介します。 Draft.jsの使い方 Draft.jsのデモです。文字を選択して色をつけられます。背景色を変えることもできます。改行すると、それに合わせてテキストエリアの大きさも変化します。リンクを追加。機能を追加すればWYSIWYGエディタとして使えます。 Twitter風に。@や#に対して色がつきます。数式を埋め込む機能もあります。編集はテキストエリアで行います。 Reactなので、変更はリアルタイムに反映されます。 Draf