問題タブ [sharejs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ShareJs で有効になっている contenteditable プロパティを使用して div でコラボレーションするにはどうすればよいですか?
ドキュメントを編集するために sharejs の textarea プロパティを使用しています。sharejs を使用してアプリにリッチ テキスト エディターを実装できるように、contenteditable プロパティを有効にして div を連携させる方法を知りたいと思いました。
string - OT Text Diff の判別方法
sharedb
フロントエンド コードに操作を実装しようとしています。具体的には、コンポーネントがイベントをトリガーしたときに、操作 ( https://github.com/ottypes/json0 ) を送信するようにしています。例えば:text0
react
onChange
私のテキストが次の場合:
Hello World
l
そして私はそれを作るため
に削除しますHello Word
そして、私はs
それを作るために最後に追加します
Hello Words
私のOTテキストの違いが残りのクライアントに送信する操作を持つようにしたい(これが間違っていない限り)
[{p: 9, d: 'l'}, {p: 10, i: 's'}]
ライブラリを使用して、または手動でこれらの操作を生成する最良の方法は何ですか? おそらくライブラリを使用して調べましdiff
たが、挿入操作と削除操作が何であるかを示しているにもかかわらず、操作が行われた場所のインデックスはありません。