Существуют ли библиотеки, позволяющие реализовать совместное редактирование статей на сервисе?

Question

[toddbarry]

Здравствуйте, на просторах русскоязычного и англоязычного интернета как-то не получилось найти ничего. Одни только статьи о совместном редактировании файлов в пакетах Office, Google docs и других коммерческих и не очень проектах.

Меня интересует - существуют ли готовые решения ввиде библиотек, которые бы отслеживали изменения в определенном блоке textarea в браузере каждого клиента и реализовывали бы, скажем, по websocket каналам отображение актуальной информации в режиме реального времени. Если есть такая возможность - хочется избежать самостоятельного написания подобного функционала с нуля и использовать гтовые решения
Мне очень понравился подход Operation transformation из статьи https://habr.com/company/ncloudtech/blog/264923/

Уточню, что проект, в который требуется встроить подобный функционал написан на python (за исключением того, что интерпретируется браузером)
P.S. не знал, какие теги придумать для вопроса

Answer 1

[DevMan]

https://conclave-app.herokuapp.com/
etherpad.org
https://gobby.github.io/
https://firepad.io/
https://github.com/ONLYOFFICE

Comments

[toddbarry]

огромное спасибо!

[toddbarry]

по поводу конклав нигде не нашел документации по использованию - как встроить в приложение и т п
firepad понравился . и документация на месте, но на сколько я понял использует сторонний сервер для обмена данными. Мне это не очень подходит. А etherpad требует nodejs, в то время как основной проект написан на python с использованием aiohttp

Может быть есть готовые решения под бекенд на python, не использующие сторонние сервисы для обмена данными?

[toddbarry]

Мне минималистичное решение представляется следующим: В браузере клиента есть библиотека на js, которая ловит Operation Transformation инструкции с сервера и реализует их в блоке textarea (или другом - не важно) а на бекенде просто слушается вебсокет соединение, по которому эти Operation Transformation инструкции просто рассылаются всем редактирующим документ пользователям. То есть в момент когда пользователь вносит изменения - они оборачиваются в инструкции, шлются на сервер, а оттуда всем подключенным клиентам. И затем в браузере этих клиентов интерпретируются при помощи той самой js библиотеки. И всё.

Основная проблема для меня состоит в самостоятельно написании библиотеки, которая бы оборачивала изменения в javascript инструкции - ее разработка тудоемкий и временизатратный процесс. пересылка же инструкций по websocket - не является проблемой

[DevMan]

toddbarry, гляньте
https://github.com/fanout/editor
https://github.com/sachinrekhi/richtextpy
https://github.com/typeintandem/tandem
https://github.com/sveith/jinfinote

здесь js для идей
https://github.com/prosemirror
https://github.com/cricklet/blue-ot.js

[toddbarry]

DevMan, richtextpy показалась очень подходящей на первый взгляд - завтра буду изучать подробнее. Спасибо вам большое!

[toddbarry]

DevMan, Подошел текстовый редактор quill, основанный на rich-text и delta. Основной причиной выбора стала поддержка kaTeX. И удобный api.
Спасибо за помощь ещё раз. Я не наего наткнулся в описании rich-text клиентской библиотеки на js.

[DevMan]

toddbarry, пожалуйста)

Answer 2

[Александр Аксентьев]

движок википедии?

Не реалтайм же статьи? Кто пишет статьи в несколько человек одновременно?

Comments

[toddbarry]

Ну мы на кафедре порой бывает пишем, когда нужно выполнить все быстро - один пишет основной текст, кто-то второй правит и добавляет ссылки на источники и т п.

Это очень удобно, не стоит недоооценивать функционал ресурсов вроде share latex или google docs

[toddbarry]

Кто пишет статьи в несколько человек одновременно?

Суть не в написании, а в правках этих самых статей несколькими людьми одновременно - так, чтобы изменения вносимые одним в режиме реального времени отображались у другого

[toddbarry]

движок википедии?

Не смотрел. Но вообще я думал, что там статья блокируется когда ее кто-то правит.

[toddbarry]

По существу - вопрос в данном случае о том, кому придет в голову писать статью вдвоем несколько лишний, т.к. дело не в этом. А в том, что два пользователя могут захотеть редактировать статью одновременно, не зная друг о друге. И важно чтобы они оба могли идеть изменения вносимые друг другом в режиме реального времени

[toddbarry]

Меня чуть-чуть не устраивает, что вики-движок - это своего рода cms (если я не ошибаюсь, не работал с ним никогда) Это немного чересчур для моих задач - мне лишь нужно встроить этот функционал в сервис, реализуемый не на готовых cms. Поэтому хочется найти библиотеку, реализующую такое

[Александр Аксентьев]

toddbarry, ну если речь прям про одновременное и реалтайм - то почему собственно не гугл доки или другие аналоги?

Т.е. это совсем не тривиальное решение чтоб так на коленке куда-то впихнуть или сделать вообще.

Опять же из готового только комбайны здоровые будут типа OnlyOffice Community Server

[toddbarry]

Александр Аксентьев, Потому что я не могу встроить гугл доки в свой сервис :)
в этом вся причина

А про комбайны - комментатор чуть ниже скинул несколько минималистичных решений, среди них есть даже такое, которое не требует настройки бекенда - firepad называется (однако мне оно не подходит, т.к. обменивается данными со сторонним сервисом для синхронизации данных)

решения найти трудно - я и сам пытался, однако уверен, что они есть и их много, нужно только знать где искать. Я не знаю, поэтому и обратился сюда

[toddbarry]

Мне минималистичное решение представляется следующим: В браузере клиента есть библиотека на js, которая ловит Operation Transformation инструкции с сервера и реализует их в блоке textarea (или другом - не важно) а на бекенде просто слушается вебсокет соединение, по которому эти Operation Transformation инструкции просто рассылаются всем редактирующим документ пользователям. То есть в момент когда пользователь вносит изменения - они оборачиваются в инструкции, шлются на сервер, а оттуда всем подключенным клиентам. И затем в браузере этих клиентов интерпретируются при помощи той самой js библиотеки. И всё.

Основная проблема для меня состоит в самостоятельно написании библиотеки, которая бы оборачивала изменения в javascript инструкции - ее разработка тудоемкий и временизатратный процесс. пересылка же инструкций по websocket - не является проблемой

Answer 3

[toddbarry]

Если кому-то будет интересно - в дополнение к ответу DevMan нашёл поддержку OT синхронизации на бекенде, реализованную на python. https://github.com/kingdion/wordsmiths

В примере по ссылке на клиенте используется выбранный мной html редактор Quill, использующий Delta с поддержкой Operational Transformations. Очень гибкий и удобный. Для реализации вебсокетов используют библиотеку socketio (по случайности так совпало, что ее-то я и использую). Бекенд написан на Flask, в то время как я использую aiohttp, но переписать всё под aiohttp не должно вызвать затруднений