Good suggestion for a lightweight rich text editor for polymer?

[Carl Youngblood]

We would like a very minimalistic rich text editor for a polymer-based app. TinyMCE doesn't work with shadow DOM. Aloha editor looks good but is pretty heavyweight (144K plus 80K for JQuery). Any suggestions? All we want is basically bold, italics and links. Maybe indented quotations.

Thanks,

Carl

[Scott Miles]

Maybe take a look at https://github.com/PolymerLabs/code-mirror and/or https://github.com/PolymerLabs/ace-element.

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/59cf9bb5-62a2-43ef-96c6-1daa78ced050%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Carl Youngblood]

Both of these are source code editors, not rich-text editors.

[Sébastien Cevey]

Hello Carl,

We built our own RTE at the Guardian to use as part of our editorial tools, partly because as you pointed out existing solutions tend not to be particularly extensible or lightweight.

It's open source and available at:

https://github.com/guardian/scribe

The minimised core (without plugins) is 38KB, with no dependency on jQuery or other libraries. It's used in production in the new Guardian CMS.

I actually tried to turn it into a Web Component, but that was literally the work of an hour or two during a Web Components workshop in London, so the code is fairly rubbish and hacky. Basically it proves that it's possible, but I would try and rewrite it cleanly from scratch if I wanted to go further:

https://github.com/guardian/scribe-editor-element

There are some interesting challenges around how to coordinate multiple elements that form a whole (e.g. the editor + the toolbar buttons). We struggled with that in our AngularJS implementation as well, but I still believe it's all doable.

Would love to hear if you're interested and have a go at making it a Web Component, I'm sure a lot of people could find a use for it!

Feel free to ask any questions by email or even better, via the Github issue tracker.

Best,

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/b579d0f1-86a3-4d3d-8330-bd75d926ea37%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

--

Sébastien Cevey
Software Developer

---

Visit theguardian.com. On your mobile and tablet, download the Guardian iPhone and Android apps theguardian.com/guardianapp and our tablet editions theguardian.com/editions.  Save up to 57% by subscribing to the Guardian and Observer - choose the papers you want and get full digital access.  Visit subscribe.theguardian.com

This e-mail and all attachments are confidential and may also be privileged. If you are not the named recipient, please notify the sender and delete the e-mail and all attachments immediately. Do not disclose the contents to another person. You may not use the information for any purpose, or store, or copy, it in any way.  Guardian News & Media Limited is not liable for any computer viruses or other material transmitted with or as part of this e-mail. You should employ virus checking software.

 

Guardian News & Media Limited is a member of Guardian Media Group plc. Registered Office: PO Box 68164, Kings Place, 90 York Way, London, N1P 2AP.  Registered in England Number 908396

[Carl Youngblood]

Thanks Sebastien, looks good. I'll definitely share any component that I end up making with it.

[tda...@ourfuture.org]

Did anyone ever make this work?

I can't get the "polymer-tinymce" component to work for me.

[saych...@gmail.com]

may use QuillJS, using polymer for dom-module template (Attachment below). If interested, i may put into github for bower install the web-component :)

Hope helps,

SC

[C Mcc]

... re-posting without all the blurb. sorry!

SC,

I'd be interested to see this quilljs polymer element on github. Does it work with version 1.0 beta of quilljs?

Thanks