diff --git a/README.md b/README.md index 098937e..646448d 100644 --- a/README.md +++ b/README.md @@ -70,6 +70,11 @@ Yjs supports several popular text and rich-text editors. We are working with dif [remirror.md](ecosystem/editor-bindings/remirror.md) {% endcontent-ref %} +{% content-ref url="ecosystem/editor-bindings/lexical.md" %} +[lexical.md](ecosystem/editor-bindings/lexical.md) +{% endcontent-ref %} + + ## Network Agnostic 📡 Yjs doesn't make any assumptions about the network technology you are using. As long as all changes eventually arrive, the documents will sync. The order in which document updates are applied doesn't matter. diff --git a/SUMMARY.md b/SUMMARY.md index 94a8bab..dd97b97 100644 --- a/SUMMARY.md +++ b/SUMMARY.md @@ -22,6 +22,8 @@ * [Remirror](ecosystem/editor-bindings/remirror.md) * [Milkdown](ecosystem/editor-bindings/milkdown.md) * [Slate](https://github.com/BitPhinix/slate-yjs/) + * [Lexical](ecosystem/editor-bindings/lexical.md) + * [Connection Provider](ecosystem/connection-provider/README.md) * [y-websocket](ecosystem/connection-provider/y-websocket.md) * [y-webrtc](ecosystem/connection-provider/y-webrtc.md) diff --git a/ecosystem/editor-bindings/README.md b/ecosystem/editor-bindings/README.md index b3f5119..350470e 100644 --- a/ecosystem/editor-bindings/README.md +++ b/ecosystem/editor-bindings/README.md @@ -26,3 +26,6 @@ Yjs supports several popular text and rich-text editors. This works by "binding" [remirror.md](remirror.md) {% endcontent-ref %} +{% content-ref url="lexical.md" %} +[lexical.md](lexical.md) +{% endcontent-ref %} diff --git a/ecosystem/editor-bindings/lexical.md b/ecosystem/editor-bindings/lexical.md new file mode 100644 index 0000000..3a96a26 --- /dev/null +++ b/ecosystem/editor-bindings/lexical.md @@ -0,0 +1,7 @@ +# Lexical Editor + +[Lexical](https://lexical.dev/) is an open-source text editor framework developed by Meta. Lexical has developed their own bindings with YJS to allow collaborative editing. + +* [Code Sample implementing collaborative editing with YJS, React and Lexical](https://lexical.dev/docs/collaboration/react) +* [Lexical Playground](https://playground.lexical.dev/) - a demo environment built with @lexical/react + diff --git a/ecosystem/editor-bindings/prosemirror.md b/ecosystem/editor-bindings/prosemirror.md index 088143b..725e844 100644 --- a/ecosystem/editor-bindings/prosemirror.md +++ b/ecosystem/editor-bindings/prosemirror.md @@ -4,7 +4,7 @@ description: Shared Editing with the ProseMirror Editor # ProseMirror -[ProseMirror](https://prosemirror.net) is a fantastic toolkit to build your own richtext editor. [TipTap](broken-reference), [Remirror](remirror.md), and [Atlaskit ](https://atlaskit.atlassian.com/packages/editor/editor-core/example/full-page)are all based on ProseMirror. The [y-prosemirror](https://github.com/yjs/y-prosemirror/) module exports ProseMirror plugins that make any ProseMirror-based editor collaborative. The module even ensures that the document still conforms to the specified schema. The following demo shows how shared editing, cursors, shared undo/redo, and versions can be implemented using the ProseMirror editor toolkit. +[ProseMirror](https://prosemirror.net) is a fantastic toolkit to build your own richtext editor. [TipTap](tiptap2.md), [Remirror](remirror.md), and [Atlaskit](https://atlaskit.atlassian.com/packages/editor/editor-core/example/full-page) are all based on ProseMirror. The [y-prosemirror](https://github.com/yjs/y-prosemirror/) module exports ProseMirror plugins that make any ProseMirror-based editor collaborative. The module even ensures that the document still conforms to the specified schema. The following demo shows how shared editing, cursors, shared undo/redo, and versions can be implemented using the ProseMirror editor toolkit. {% embed url="https://github.com/yjs/y-prosemirror/" %} diff --git a/yjs-ecosystem/editor-bindings/README.md b/yjs-ecosystem/editor-bindings/README.md index d95b23a..99c1ab2 100644 --- a/yjs-ecosystem/editor-bindings/README.md +++ b/yjs-ecosystem/editor-bindings/README.md @@ -14,5 +14,6 @@ Yjs supports several popular text and rich-text editors. This works by "binding" {% page-ref page="remirror.md" %} +{% page-ref page="lexical.md" %}