TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Ritzy – Google Docs-like rich text editor

3 pointsby rocketramanalmost 10 years ago

3 comments

rocketramanalmost 10 years ago
I would like to introduce the open source Ritzy web-based rich text editor: <a href="http:&#x2F;&#x2F;ritzyed.github.io&#x2F;ritzy&#x2F;" rel="nofollow">http:&#x2F;&#x2F;ritzyed.github.io&#x2F;ritzy&#x2F;</a>. It is based on React [1] and SwarmJS [2] and primarily intended for embedding into applications to support rich text entry with real-time collaboration. Technically, it works similarly to Google Docs and eschews ContentEditable in favor of a custom javascript-based editor surface and layout engine [3]. As far as I know, this is the first open source implementation of this technique. Please see the project README and source code [4] for more details. Note that this is pretty new and hasn&#x27;t seen any real-world testing&#x2F;usage, so there are some known bugs [5] and likely lots of unknown ones as well.<p>Depending on interest, I am considering offering the editor as a software-as-a-service solution. Because it is intended for real-time collaboration, a server-side component is (currently) required. While a simple implementation is part of the open source project, a more complete commercial service could handle storage, communications, security, availability, and provide a simple but powerful API for developers. The API would allow interaction with client-side editors and the data they contain, including real-time server-side push updates as editor contents change. Please let me know if your company or startup may be interested in such a service.<p><pre><code> [1] https:&#x2F;&#x2F;facebook.github.io&#x2F;react&#x2F; [2] http:&#x2F;&#x2F;swarmjs.github.io&#x2F; [3] http:&#x2F;&#x2F;googledrive.blogspot.ca&#x2F;2010&#x2F;05&#x2F;whats-different-about-new-google-docs.html [4] https:&#x2F;&#x2F;github.com&#x2F;ritzyed&#x2F;ritzy [5] https:&#x2F;&#x2F;github.com&#x2F;ritzyed&#x2F;ritzy&#x2F;issues</code></pre>
评论 #10089938 未加载
rocketramanover 9 years ago
FYI: GitHub master updated to version 0.1.4, demo (<a href="http:&#x2F;&#x2F;demo-ritzy.rhcloud.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;demo-ritzy.rhcloud.com&#x2F;</a>) updated to the same version. New DESIGN (<a href="https:&#x2F;&#x2F;github.com&#x2F;ritzyed&#x2F;ritzy&#x2F;blob&#x2F;master&#x2F;docs&#x2F;DESIGN.adoc" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;ritzyed&#x2F;ritzy&#x2F;blob&#x2F;master&#x2F;docs&#x2F;DESIGN.ado...</a>), INSTALLATION (<a href="https:&#x2F;&#x2F;github.com&#x2F;ritzyed&#x2F;ritzy&#x2F;blob&#x2F;master&#x2F;docs&#x2F;INSTALLATION.adoc" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;ritzyed&#x2F;ritzy&#x2F;blob&#x2F;master&#x2F;docs&#x2F;INSTALLATI...</a>), and API (<a href="https:&#x2F;&#x2F;github.com&#x2F;ritzyed&#x2F;ritzy&#x2F;blob&#x2F;master&#x2F;docs&#x2F;API.adoc" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;ritzyed&#x2F;ritzy&#x2F;blob&#x2F;master&#x2F;docs&#x2F;API.adoc</a>) docs. Demo has new controls that use the API. A bunch of bug fixes and improvements esp. around some more complex collaboration stuff e.g. operations that overlap with remote selections and cursors as one example.
rocketramanover 9 years ago
A blog post introducing the project: <a href="https:&#x2F;&#x2F;medium.com&#x2F;@ramangupta&#x2F;a-new-rich-text-editor-for-the-web-with-real-time-collaboration-710ffdf6ee2c" rel="nofollow">https:&#x2F;&#x2F;medium.com&#x2F;@ramangupta&#x2F;a-new-rich-text-editor-for-th...</a>