0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【WYSIWYG】WYSIWYGエディタ

Posted at

WYSIWYG(ウィジウィグ)とは

  • 「What You See Is What You Get」の略
  • 入力画面と出力画面が一致する様に表現する技術

よく使用されるライブラリ

Draft.js

公式サイト

特徴

  • Facebook製
  • Reactベースで作られているため、簡単かつ堅牢な仕組みで実装可能
  • Twitter、Wantedly等で使用されている

データの入出力方法

  • 入力: JSONで保存可能
  • 出力: draft-js-export-html を使用することで保存データ(JSON)をHTMLへ変換可能

Quill

公式サイト

特徴

  • PC・タブレット・スマートフォンに対応
  • Slack、salesforce、LinkedIn等で使用されている

データの入出力方法

  • 入力・出力共にJSONを使用可能
0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?