Giter Site home page Giter Site logo

arus-archive / collaborative-rich-text-editor Goto Github PK

View Code? Open in Web Editor NEW
2.0 0.0 1.0 4.79 MB

Collaborative rich text editor based on Quill (with quill-cursors module) and ShareDB

License: MIT License

JavaScript 59.76% HTML 1.99% CSS 2.48% TypeScript 35.77%
text-editor collaborative-editing quill sharedb typescript

collaborative-rich-text-editor's Introduction

Collaborative Rich Text Editor

Collaborative rich text editor based on Quill (with quill-cursors module) and ShareDB

Demonstration

Inspired by https://github.com/pedrosanta/quill-sharedb-cursors

Application configuration:

cd collaborative-rich-text-editor
cp config/example.env .env
vi .env

To see verbose log set NODE_ENV=development

NPM scripts:

  • clean - remove build folder

  • dev:server - build and watch development server

  • dev:ui - build and watch development ui

  • dev:start - run and watch development server (have to be built before)

  • dev - build, run and watch development server and ui

  • prod:server - build production server

  • prod:ui - build production ui

  • prod - build production

  • lint - run tslint and eslint

  • lint:fix - run tslint and eslint with fix option

  • test - run unit tests

How to use

http://localhost:3000?token=sessionToken&documentId=id
sessionToken - unique user token (any string)
documentId - unique document identifier (any integer)

Webstorm:

TypeScript config file:
Preferences -> Languages & Frameworks -> TypeScript -> Options:
-p ./config/common.tsconfig.json

How to use with MongoDB

Uncomment code in files: src/server/config.ts and src/server/sharedb/index.ts

To change a MongoDB connection string set MONGODB_URI in .env file

collaborative-rich-text-editor's People

Contributors

alexandervselivanov avatar alexarus avatar dependabot[bot] avatar

Stargazers

 avatar  avatar

Forkers

zxcv1884

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.