pen - enjoy live editing (+markdown)

  •        242

You can clone the source code from github, or using bower.You can set defaults.textarea to a piece of HTML string, by default, it's 。This will be set as innerHTML of your #editor.

https://sofish.github.io/pen
https://github.com/sofish/pen

Tags
Implementation
License
Platform

   




Related Projects

SunEditor - Pure Javascript based WYSIWYG html editor, with no dependencies

  •    Javascript

The Suneditor is a lightweight, flexible, customizable WYSIWYG text editor for your web applications. It has support to Embed images, Videos, Image resizing and rotation, Upload images to the server, Image gallery, Tables and lot more. It has support to use CodeMirror and KaTeX.

Medium Editor - Medium.com WYSIWYG editor clone

  •    Javascript

Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution. MediumEditor has been written using vanilla JavaScript, no additional frameworks required.

Trix - A rich text editor for everyday writing

  •    CoffeeScript

Trix is a WYSIWYG editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.


TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular

  •    Javascript

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control. It has the world's most advanced rich text editor has all the features developers are looking for. It has support for Images, Image resize, Auto save, BBCode, Code, Color picker, Full screen, Spell checker, Media, Table, Table of contents, Word count, Visual Blocks and lot more.

canner-slate-editor - 📝Rich Text / WYSIWYG Editor built for Modularity and Extensibility.

  •    Javascript

📝 Rich text / WYSIWYG editor focus on modularity and extensibility, build on top of Slate framework with beautiful designs and high-level APIs. Since this project is originally started from Canner, we notice that there is NO SINGLE editor is going to fit in all varieties of requirements, so we think the only way to solve this issue is to design a modular-first editor.

Monaco Editor - A browser based code editor

  •    Javascript

The Monaco Editor is the code editor that powers VS Code, which when combined with programming language services, gives you the power of an IDE and the speed of a text editor. It supports Rich IntelliSense, Validation for Javascript, Typescript, CSS, HTML. It also supports syntax coloring all languages.

Alloy Editor - WYSIWYG editor based on CKEditor with completely rewritten UI

  •    Javascript

Alloy Editor is a modern WYSIWYG editor built on top of CKEditor, designed to create modern and gorgeous web content. It provides smart toolbars appear right near the selected text and offer different functionality based on context, Paste rich text from any web page and preserve its formatting, The full styling power of CKEditor and lot more.

Hallo - Simple rich text editor (contentEditable) for jQuery UI

  •    CoffeeScript

Hallo is a very simple in-place rich text editor for web pages. It uses jQuery UI and the HTML5 contentEditable functionality to edit web content.The widget has been written as a simple and liberally licensed editor. It doesn't aim to replace popular editors like Aloha, but instead to provide a simpler and more reusable option.

Quill - Your powerful, rich text editor

  •    Javascript

Quill is a modern rich text editor built for compatibility and extensibility. It was created by Jason Chen and Byron Milligan and open sourced by Salesforce.com. It provides granular access to the editor's content, changes and events through a simple API. It works consistently and deterministically with JSON as both input and output.

Summernote - Super simple WYSIWYG editor

  •    Javascript

Super simple WYSIWYG Editor. Summernote is a JavaScript library that helps you create WYSIWYG editors online. It saves images directly in the content of the field using base64 encoding, so you don't need to implement image handling at all. It also supports paste images from clipboard, Interactive WYSIWYG editing, Handy integration with server and lot more.

pell - The simplest and smallest WYSIWYG text editor for web, with no dependencies

  •    Javascript

pell is the he simplest and smallest WYSIWYG text editor for web, with no dependencies. It can be easily customizable with the sass file (pell.scss) or overwrite the CSS.

Aloha Editor - The HTML5 WYSIWYG Editor

  •    Javascript

Aloha Editor is a JavaScript library that replaces ContentEditable with a new way to do content editing. Based on the principle of "What you see is what you get", the HTML5 editor makes it possible to edit websites directly on the portal. Fast, uncomplicated editing of videos, photos, graphics, animation and text is daily business with Aloha Editor.

ProseMirror- A toolkit for building rich-text editors on the web

  •    Javascript

ProseMirror is a well-behaved rich semantic content editor based on contentEditable, with support for collaborative editing and custom document schemas. Rich content editors should, ideally, produce clean, semantically meaningful documents while still being easy for users to understand. ProseMirror tries to bridge the gap between editing explicit, unambiguous content like Markdown or XML, and classical WYSIWYG editors.

CKEditor - The best browser-based WYSIWYG editor

  •    Javascript

CKEditor is a text editor to be used inside web pages. It's a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice. It's an editor to be used inside web pages.

ckeditor4 - The best enterprise-grade WYSIWYG editor

  •    Rich

This repository contains the development version of CKEditor 4. Attention: The code in this repository should be used locally and for development purposes only. We do not recommend using it in production environment because the user experience will be very limited. For that purpose, you should either build the editor (see below) or use an official release available on the CKEditor website.

Squire - HTML5 rich text editor

  •    Javascript

Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. Squire was written as a component for writing documents (emails, essays, etc.), not doing wysiwyg websites.

ContentTools - A beautiful & small content editor

  •    Javascript

A JS library for building WYSIWYG editors for HTML content. It is one of a collection of libraries designed for building tools that make it easier to edit HTML content. It is framework agnostic, The library doesn't use any JavaScript frameworks (no JQuery) but plays nicely with any of them.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.