Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Quill – An Open Source Rich Text Editor with an API

quilljs.com

Post reply on HN
Print view View original

11–20 of 66 posts

Re: Quill – An Open Source Rich Text Editor with an API

#11

Post by jhchen »

rattray wrote: post #6

As someone who had tried to implement a modern rich text editor with custom plugins, this seems like a terrific solution to a real problem. I had used a fairly nice wrapper around contenteditable[0], but this seems like a much more featureful, easily extensible option. The other options (CKEditor seemed most popular) are heavyweight, complex, poorly documented solutions that don't seem amenable to easily creating lig…

Thank you for the high praise. We definitely view the API as our main differentiator vs other editors. Hope you will not be disappointed!

Re: Quill – An Open Source Rich Text Editor with an API

#13

Post by scottmessinger »

Congrats on releasing Quill! I've been following the development since it was called "Scribe" and I'm excited it's released.

I noticed there seems to be support for block level formatting (e.g. "h1"), but it doesn't look like it's been implemented yet. What's your plan for handling bullets, headings, block quotes, and other block level formatting options?

Re: Quill – An Open Source Rich Text Editor with an API

#15

Post by yaddayadda »

leeoniya wrote: post #2

this looks cool and super easy to add bidirectional HTML markdown support similar to the demo i did for redactor-js here: http://leeoniya.github.io/redactor-js/ using https://github.com/leeoniya/reMarked.js and https://github.com/chjj/marked may just have to do this after work today if no one gets to it first.

Quill's WYSIWYG + HTMLMD bidirectional support (e.g. leeoniya's example) + ShareJS' operational transformation [1] == awesome collaborative JS-ish web editor stack

Throw in a ShareJS script to autosave [2], an it's even more awesome!

[1] http://sharejs.org/

[2] https://gist.github.com/josephg/1341527

Relevant Githubs:

- https://github.com/quilljs/quill

- https://github.com/josephg/ShareJS

Edited: to account for leeoniya's explanation that follows

Re: Quill – An Open Source Rich Text Editor with an API

#16

Post by jdp23 »

Looks promising! Looking through the toolbar customization, I couldn't tell how easy it would be to add a toolbar element that isn't one of the existing behaviors -- for example, a toolbar element to bring up an emoticon pallette. Is that something that's currently supported?

Re: Quill – An Open Source Rich Text Editor with an API

#18

Post by rattray »

ilaksh wrote: post #14

Why do we need yet ANOTHER rich text editor? Especially why do we need another one with no support for tables?

No rich text editors I have found are built for lightweight extensibility, especially when it comes to realtime support.

The core value proposition here doesn't require feature-completeness in my opinion; with a great API for modules, table support (for example) could easily be added by a developer. I would encourage the core devs not to build things like that just yet, personally.

Re: Quill – An Open Source Rich Text Editor with an API

#19

Post by jhchen »

jdp23 wrote: post #16

Looks promising! Looking through the toolbar customization, I couldn't tell how easy it would be to add a toolbar element that isn't one of the existing behaviors -- for example, a toolbar element to bring up an emoticon pallette. Is that something that's currently supported?

It's intended to be simple though we can definitely use some better documentation in this area. All you need to do is pass in a config. You can take a look at some configs in src/format.coffee. Most are just a few lines (though we need to document what they mean). For example link is just { tag: 'A', attribute: 'href' }.

Realistically though will probably end up adding all of the common formats leaving just custom ones for the user. But even custom ones should be simple. For example all we did to define a custom authors format in the Authorship module was quill.addFormat('editor', { class: 'author-' }).

Better documentation (and more predefined formats) to come!

Re: Quill – An Open Source Rich Text Editor with an API

#20

Post by leeoniya »

yaddayadda wrote: post #15
leeoniya wrote: post #2

this looks cool and super easy to add bidirectional HTML markdown support similar to the demo i did for redactor-js here: http://leeoniya.github.io/redactor-js/ using https://github.com/leeoniya/reMarked.js and https://github.com/chjj/marked may just have to do this after work today if no one gets to it first.

Quill's WYSIWYG + HTML MD bidirectional support (e.g. leeoniya's example) + ShareJS' operational transformation [1] == awesome collaborative JS-ish web editor stack Throw in a ShareJS script to autosave [2], an it's even more awesome! [1] http://sharejs.org/ [2] https://gist.github.com/josephg/1341527 Relevant Githubs: - https://github.com/quilljs/quill - https://github.com/josephg/ShareJS Edited: to account for leeo…

just to clarify, Redactor has nothing to do with the bidirectinal support. I implemented it using the listed HTML > markdown and markdown > HTML libs and about 10 lines of code. This support can just as easily be added to any WYSIWYG editor that can bind keyup, and has getHtml() and setHtml() methods.

EDIT: and to really come full circle, instead of rendering the markdown in a plain textarea like the example, render it inside of Codemirror with syntax coloring.

Post reply on HN