Yjs
Rich Text type forThe fabolous feature of y-richtext is that you can bind it to a Quill instance (> v1.0.0) in order to enable collaborative richtext editing.
Use it!
Bower
Retrieve y-richtext and Quill Editor with bower.
bower install y-richtext quill --save
NPM
npm install y-richtext y-array quill --save
This type depends on y-array. So you have to extend Yjs in the right order:
var Y = YY
Example
RichText Object
Reference
- .bind(editor)
- Bind this type to an rich text editor. (Currently, only QuillJs is supported)
.bind(editor)
does not preserve the existing value of the bound editor
- .bindQuill(quill)
- Explicitely bind a Quill editor
- unbindQuill(quill)
- Remove binding
- unbindQuillAll()
- Remove all quill bindings
- .insert(position, string)
- Insert text at a position
- .delete(position, length)
- Delete text
- select(from, to, attrName, attrValue)
- Assign meaning to a selection of text (application depending to what you bind, this can assign text to be bold, italic, ..). Set null to remove selection.
- toString()
- Get the string representation of this type (without selections)
- toDelta()
- Convert internal structure to a Quill delta http://quilljs.com/docs/deltas/
- applyDelta()
- Apply a Quill delta http://quilljs.com/docs/deltas/
Contribution
We thank Linagora who sponsored this work, and agreed to publish it as Open Source.
Changelog
8.2.1
- support for Quill@^1.0.0-rc.2
- relies on Yjs@^12.0.0
License
Yjs and the RichText type are licensed under the MIT License.
- Corentin Cadiou corentin.cadiou@linagora.com
- Kevin Jahns kevin.jahns@rwth-aachen.de