Collaborative Markdown Editor

[andyl]

I am hoping to integrate a collaborative markdown editor into my meteor app.
It should allow users to edit the “Body Text” field in a document in real time with each other.
Does anyone know if a plugin is available for this - or what the best what to go about it is.

[similar to Google Docs collaboration]

[smeijer]

I think you should take a look at the topic below; and perhaps bump there to make it alive again?

WYSIWYG Editors and Collaborative Edit Safety

@mitar, @aadams, @seeekr, @camiel, @robfallows, @mizzao, @vioan and anyone else interested Sorry to bother but in looking around I’ve seen your names pop up related to WYSIWYG editors and was hoping to have a discussion about collaborative editing. Have any of you solved or have any ideas on how one would solve the issues that could come up when multiple users could potentially edit the same document simultaneously. I know Operational Transform or some other type of CRDT implementation that …

[robfallows]

There is also this (which isn’t quite what you’re asking for, but may be useful):

New Meteor app coming – Finch.io – collaborative live website editor

Hey meteor community. I’m proud to announce that a new meteor (meteor/react/galaxy/docker) product will go private beta – Finch.io. We are creating a collaborative live website editor with versions, live sharing and code export. If you are interested in playing with it – direct message me and I’ll send you an invitation code starting next week. Loved to receive feedback on performance or bugs And if you have any specific questions on or meteor/react/stack – I’m happy to ans…

[andyl]

Yes - i saw finch - but is more of a full blown webiste builder

im looking for a collaborative editor for a single database field “body text”

[funkyeah]

If its truly just plain text then something like https://github.com/mizzao/meteor-sharejs might work for you… otherwise https://github.com/prosemeteor/prosemirror is the only meteor based collaborative editor implementation effort I know of

[jam]

@andyl did you ever find anything? I’m looking at doing something similar.

[minhna]

This may help:
https://www.writewithme.dev
The blog post: https://medium.com/open-graphql/how-to-build-a-real-time-collaborative-markdown-editor-with-react-hooks-graphql-aws-appsync-dc0c121683f4
Source code: https://github.com/dabit3/write-with-me
I think it’s easier to build with MeteorJS.

[qnipp]

Regarding mizzao:sharejs: This package isn’t maintained anymore, but you can use edemaine:sharejs instead. You can use it for a simple textarea or with code editors (Codemirror and Ace).

See my blog post regarding this package:

Concurrent editing with Meteor | qnipp GmbH

@edemaine works on coauthor https://github.com/edemaine/coauthor which is an collaboration platform for computer science. It includes markdown support and is actively maintained.

I work on updating my collaborative online IDE based on Meteor, which I use for my coding workshops for kids since almost five years, source code is available here: https://github.com/Coding4KidsAT/coding4kids-ide

As both projects are open source, you can cherry-pick from the code, what might fit into your project.

Good luck!

BTW: I’m currently extending the ShareJS package to reuse the websocket used by Meteor. I’ll publish it in the approximately two weeks.

Regarding Ace: This package works with edemaine:sharejs: https://atmospherejs.com/qnipp/sharejs-ace

Regarding CodeMirror: I suggest to try https://atmospherejs.com/edemaine/sharejs-codemirror

[edemaine]

@qnipp Thanks for the praise! Indeed, I’m actively using my sharejs fork, and it’s working pretty well. I’ve fixed a few bugs here and there. The main weird behavior is that, if one person hits undo, then the last action by anyone (not just that person) gets undone.

Your work on using the Meteor socket sounds interesting! My guess is that this may fix some issues on mobile. Performance improvements too? Feel free to send a PR.