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.

Substance: a JavaScript library for web-based content editing

113 pointsby r0mualdabout 9 years ago

11 comments

_mqlabout 9 years ago
Thank you for sharing this on HN. Just wanted to add our introduction blog post, which may clarify some of the questions asked here.<p><a href="https:&#x2F;&#x2F;medium.com&#x2F;@_mql&#x2F;build-your-own-editor-with-substance-7790eb600109" rel="nofollow">https:&#x2F;&#x2F;medium.com&#x2F;@_mql&#x2F;build-your-own-editor-with-substanc...</a><p>And some usage examples:<p>Scientific Writing - <a href="http:&#x2F;&#x2F;substance.io&#x2F;lens" rel="nofollow">http:&#x2F;&#x2F;substance.io&#x2F;lens</a> - <a href="https:&#x2F;&#x2F;github.com&#x2F;Coko-Foundation&#x2F;pubsweet-core" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;Coko-Foundation&#x2F;pubsweet-core</a> Spreadsheet Software - <a href="https:&#x2F;&#x2F;stenci.la&#x2F;demo&#x2F;sheets&#x2F;iris" rel="nofollow">https:&#x2F;&#x2F;stenci.la&#x2F;demo&#x2F;sheets&#x2F;iris</a> Digital Archives: - <a href="https:&#x2F;&#x2F;medium.com&#x2F;@_daniel&#x2F;publish-interactive-historical-documents-with-archivist-7019f6408ee6#.337wsufou" rel="nofollow">https:&#x2F;&#x2F;medium.com&#x2F;@_daniel&#x2F;publish-interactive-historical-d...</a>
评论 #11303163 未加载
评论 #11303641 未加载
mickaelkerjeanabout 9 years ago
Can somebody give any use case that make this project or draft.js interesting compared to all the other WYSIWYG editors available (tinyMCE, CKEditor and so on...)?<p>Especially since the generated HTML of the editor is very verbose and doesn&#x27;t respect semantic (header1 isn&#x27;t translate as h1 but a div with a super long id. Why?)<p>And what is so terrible about contentEditable? I spent a few minutes with it a few month ago and it felt great (and works on old version of IE), just lacking some library on top of it to give the end user a way to fully control everything.
评论 #11302296 未加载
评论 #11303182 未加载
评论 #11302979 未加载
david-givenabout 9 years ago
Huh. I have actually been looking for <i>precisely this</i> --- I was going to go with the Guardian&#x27;s Scribe, but I might investigate this instead.<p>Unfortunately it looks like it&#x27;s JQuery and AMD modules, and I&#x27;m a Polymer and browserify shop, so it may just not be feasible. [sad face]
评论 #11301227 未加载
评论 #11303049 未加载
andrewingramabout 9 years ago
They&#x27;re going down the route of not using contentEditable, which I think is a great move. I was a little bit disappointed when I saw Facebook&#x27;s Draft.js didn&#x27;t do the same. It&#x27;s more work up-front to get something functional, but it&#x27;s a better pattern for building text editors on the web.
medmundsabout 9 years ago
Nice! Glad to see mobile support is on the roadmap [1]. So many browser rich editors seem to be virtually unusable on touch devices, it&#x27;s the first thing I check now.<p>[1] <a href="https:&#x2F;&#x2F;github.com&#x2F;substance&#x2F;substance#beta-5" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;substance&#x2F;substance#beta-5</a>
nedabout 9 years ago
Very exciting project, specially the support for custom document schemas.<p>If the authors are around, I&#x27;d love to hear what was their thinking regarding implementing focus and selection, with regards to the inconvenients outlined by the author of ProseMirror here: <a href="http:&#x2F;&#x2F;marijnhaverbeke.nl&#x2F;blog&#x2F;prosemirror.html#general-approach" rel="nofollow">http:&#x2F;&#x2F;marijnhaverbeke.nl&#x2F;blog&#x2F;prosemirror.html#general-appr...</a><p>In a nutshell, ProseMirror chose to keep contentEditable in order to have browser-level support for spell-checking, screen-readers, RTL, etc.<p>What are the tradeoffs exactly?<p>Thanks.
评论 #11303286 未加载
_mqlabout 9 years ago
Just published an example that shows realtime collab capabilities:<p><a href="http:&#x2F;&#x2F;substance.io&#x2F;examples&#x2F;collabwriter&#x2F;" rel="nofollow">http:&#x2F;&#x2F;substance.io&#x2F;examples&#x2F;collabwriter&#x2F;</a>
lemmingabout 9 years ago
This looks really interesting - it&#x27;s very encouraging to see it being used in real projects of quite disparate types. It bodes well for the maturity and flexibility of the model.
palakchokshiabout 9 years ago
For something like this I usually like to see a demo before I invest time in trying it out but the demo link is broken... Seems like something I might want to explore though!!
评论 #11301380 未加载
obuchtalaabout 9 years ago
With the next release we will package the ability to have editors based on document slices (aka prjections): <a href="https:&#x2F;&#x2F;cloud.githubusercontent.com&#x2F;assets&#x2F;284099&#x2F;13857486&#x2F;6be94134-ec7a-11e5-96de-b216b0a3ad06.gif" rel="nofollow">https:&#x2F;&#x2F;cloud.githubusercontent.com&#x2F;assets&#x2F;284099&#x2F;13857486&#x2F;6...</a>
smailiabout 9 years ago
Does anyone know what GitHub uses for their editor?