Reactベースで動作するWYSIWYGエディタ
始めに Next(React)、TypeScript、Material UI環境で扱えるWYSIWYGエディタを調査し、実際に使用し、どのエディタが一番適しているかを調査しましたので、その結果をご紹介します。 WYSIWYGエディタとは 「WYSIWYGエディタって何？」と思われる方向けにWYSIWYGエディタって何かを簡単にご説明させていただきます。 What You See Is What You Get（見たままが得られる）の頭文字をとったものでWYSIWYGと呼ばれます。 最近では、コンテンツマネジメントシステム(CMS)などでよく使われているエディタです。 実際のコンテンツそのものを編集しながら確認することができ、そのままをウェブページなどで表示する事が出来ます。 （実際は環境（ブラウザ等）に依存するので必ずしも全く同じ結果が得られるわけではないみたいですが。。。） 使用する側か
guiland
概要と参加方法 / 自動勉強会 / 映画館ウェブサイトのようなインタラクティブ座席マップ / .tex / aualrxse / Snapping / sakihet / 複雑GUI会オフライン 2023夏 / k3ntar0 / 時間を扱うGUIについて考えている2023夏 / 自動勉強会 vol.4 canvas の状態管理 / Slate.js / hand-dot / jokester /
At Fiberplane, we recently encountered an interesting challenge: We were outgrowing the library we were using for our rich text editor. We used to use Slate.js — a fine...
幾つかの Web サービスや Electron ベースのアプリに組み込むエディタを実装するにあたって、Draft.js、Slate.js、CodeMirror を試してきて得た情報について、個人の感想を述べる。今更感があるので、ライブラリそのものについての解説はしない。 冒頭で挙げている三つのライブラリの中では、単純に Server-Side Rendering してもエラーを出さず、普通に動くところが良かった。単純に動かないタイプのライブラリでは、例えば React ではライフサイクルイベントのコールバックである ComponentDidMount メソッドを利用するなどして、クライアントサイドのみでエディタが描画されるように工夫しなければならない。 Draft.js でエディタのスタイルを変更するには、Decorator という、描画前の内部データを DOM 要素へと変換する変換器を与
Google Docs will now use canvas based rendering | Hacker News
Speaking as one of the original three authors of Google Docs (Writely), but zero involvement in this project (I left Google in 2010): I'm seeing a lot of comments asking how JavaScript-on-Canvas could possibly outperform the highly optimized native code built into the browser engines. It's been a long time since I've really been involved in browser coding, but having written both Writely and, fart
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Creating a rich text editor using Rust and React - Blog
Draft.js と Slate.js と CodeMirror の感想