123 lines
6.2 KiB
HTML
123 lines
6.2 KiB
HTML
<h1 id="awesome-text-editing-awesome">Awesome text editing <a
|
||
href="https://github.com/sindresorhus/awesome"><img
|
||
src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg"
|
||
alt="Awesome" /></a></h1>
|
||
<p>A curated collection of text editing libraries, services, and
|
||
resources for the web.</p>
|
||
<h2 id="rich-text-editors-using-contenteditable">Rich-text editors using
|
||
contenteditable</h2>
|
||
<ul>
|
||
<li><a href="https://github.com/ianstormtaylor/slate">Slate</a> - Rich
|
||
text editor built on top of React and Immutable</li>
|
||
<li><a href="https://github.com/scrumpy/tiptap">TipTap</a> - Rich text
|
||
editor for Vue.js</li>
|
||
<li><a href="https://github.com/basecamp/trix">Trix</a> - Basecamp’s
|
||
rich text editor</li>
|
||
<li><a href="http://ckeditor.com/">CKEditor</a> - Started back in 2003.
|
||
Has both iframe and inline style rich-text editing</li>
|
||
<li><a href="https://github.com/neilj/Squire">Squire</a> - HTML5 rich
|
||
text editor</li>
|
||
<li><a href="http://prosemirror.net/">ProseMirror</a> - From the maker
|
||
of CodeMirror</li>
|
||
<li><a href="https://github.com/guardian/scribe">Scribe</a> - From the
|
||
<a href="http://www.theguardian.com/">Guardian</a> team</li>
|
||
<li><a href="http://quilljs.com/">Quill</a> - Quill is a free, open
|
||
source WYSIWYG editor built for the modern web</li>
|
||
<li><a href="http://summernote.org/">Summernote</a> - Bootstrap
|
||
dependent rich-text editor</li>
|
||
<li><a href="http://wysihtml.com/">wysihtml</a> - Made by Voog</li>
|
||
<li><a href="http://etherpad.org/">Etherpad</a> - Open Source online
|
||
editor providing collaborative editing in really real-time</li>
|
||
<li><a href="http://www.tinymce.com/">TinyMCE</a> - Used by much of the
|
||
wordpress and drupal community</li>
|
||
<li><a href="http://jakiestfu.github.io/Medium.js/docs/">Medium.js</a> -
|
||
Warning: Not actually used by <a
|
||
href="https://medium.com/">Medium</a></li>
|
||
<li><a href="https://textbox.io/">Textbox.IO</a> - From the makers of
|
||
TinyMCE</li>
|
||
<li><a href="https://www.froala.com/wysiwyg-editor">Froala</a> - A
|
||
simple to use rich text editor, with mobile support, lots of examples,
|
||
high performance and inline editing</li>
|
||
<li><a href="http://imperavi.com/redactor/">Redactor</a> - Advanced,
|
||
clean and smooth, Redactor Rich Text Editor offers an excellent
|
||
immersive user experience</li>
|
||
<li><a href="https://github.com/ritzyed/ritzy">Ritzy</a> - Collaborative
|
||
web-based rich text editor</li>
|
||
<li><a href="http://www.alohaeditor.org/Content.Node/index.html">Aloha
|
||
Editor</a> - Open Source browser based html5 enabled rich text
|
||
editor</li>
|
||
<li><a href="http://www.wymeditor.org/">WYMeditor</a> - Open Source
|
||
XHTML editor focusing on semantic markup</li>
|
||
<li><a href="http://dojotoolkit.org/">Dijit Editor</a> - a Dojo-based
|
||
rich text editor component</li>
|
||
<li><a href="http://yui.github.io/yui2/">YUI Rich Text Editor</a> - a
|
||
Yahoo! rich text editor component</li>
|
||
<li><a href="https://github.com/kindsoft/kindeditor">KindEditor</a> -
|
||
Open Source HTML editor</li>
|
||
<li><a href="https://github.com/bergie/hallo">Hallo</a> - Simple rich
|
||
text editor (contentEditable) for jQuery UI</li>
|
||
<li><a href="http://markitup.jaysalvat.com/home/">markitup</a> -
|
||
universal markup jQuery editor</li>
|
||
<li><a href="http://www.openwebware.com/">openwysiwyg</a> - Free
|
||
cross-browser WYSIWYG editor</li>
|
||
<li><a href="http://jqueryte.com/">tejQuery</a> - Lightweight (19.5 KB)
|
||
and very useful HTML editor</li>
|
||
<li><a href="http://alex-d.github.io/Trumbowyg/">Trumbowyg</a> - light,
|
||
translatable and customisable jQuery plugin</li>
|
||
<li><a href="http://nicedit.com/">NicEdit</a> - Abandoned in 2012</li>
|
||
<li><a href="https://github.com/jwysiwyg/jwysiwyg">jWYSIWYG</a> -
|
||
WYSIWYG jQuery Plugin</li>
|
||
<li><a href="http://alloyeditor.com/">Alloy</a> - a modern WYSIWYG
|
||
editor built on top of CKEDITOR</li>
|
||
<li><a href="http://facebook.github.io/draft-js/">Draft.js</a> - a rich
|
||
text editor framework for React</li>
|
||
<li><a href="https://github.com/yabwe/medium-editor">MediumEditor</a> -
|
||
A clone of medium.com inline editor toolbar. Uses contenteditable API to
|
||
implement a rich text solution.</li>
|
||
</ul>
|
||
<h2 id="code-editors">Code editors</h2>
|
||
<ul>
|
||
<li><a href="https://solopov.dev/yace">Yace</a> - 1KB code editor for
|
||
browser with plugins</li>
|
||
<li><a href="https://medv.io/codejar/">CodeJar</a> - CodeJar is a micro
|
||
code editor for the browser</li>
|
||
<li><a href="https://codemirror.net/">CodeMirror</a> - CodeMirror is a
|
||
versatile text editor implemented in JavaScript for the browser</li>
|
||
<li><a href="https://ace.c9.io/#nav=about">Ace</a> - Ace is an
|
||
embeddable code editor written in JavaScript</li>
|
||
<li><a
|
||
href="http://www.cdolivet.com/editarea/editarea/exemples/exemple_full.html">EditArea</a></li>
|
||
<li><a href="http://jakiestfu.github.io/Behave.js/">Behave.js</a> -
|
||
lightweight library for adding IDE style behaviors to plain text
|
||
areas</li>
|
||
</ul>
|
||
<h2 id="markdown-editors">Markdown editors</h2>
|
||
<ul>
|
||
<li><a href="https://github.com/evilstreak/markdown-js">markdown-js</a>
|
||
- A Markdown parser for javascript</li>
|
||
<li><a
|
||
href="https://code.google.com/p/pagedown/wiki/PageDown">pagedown</a> -
|
||
PageDown is the JavaScript Markdown previewer used on Stack Overflow and
|
||
the rest of the Stack Exchange network</li>
|
||
</ul>
|
||
<h2 id="heuristic-for-contenteditable-rich-text-editors">Heuristic for
|
||
contenteditable rich-text editors</h2>
|
||
<p>Editor should: * Be stable * Be open source * Handle soft breaks * Be
|
||
able to manipulate styles on block level elements * Be able to
|
||
manipulate styles on inline level elements * Be able to manipulate
|
||
classes on block level elements * Be able to manipulate classes on
|
||
inline level elements * Be able to alter custom attributes on block
|
||
level elements * Be able to alter custom attributes on inline level
|
||
elements * Cache the selection * Have iframing capabilities as well as
|
||
inline mode capability * Change the tag type of nodes * Clear the format
|
||
* Have a concise api * Support various module loaders * AMD &
|
||
Common.js * Should have an organization backing the service and have a
|
||
potential paid support plan * Should copy & paste from Microsoft
|
||
word</p>
|
||
<h2 id="license">License</h2>
|
||
<p><a href="http://creativecommons.org/publicdomain/zero/1.0/"><img
|
||
src="http://i.creativecommons.org/p/zero/1.0/88x31.png"
|
||
alt="CC0" /></a></p>
|
||
<p><a href="https://github.com/dok/awesome-text-editing">textediting.md
|
||
Github</a></p>
|