Summernote - Super simple WYSIWYG editor

  •        682

Summernote is a JavaScript library that helps you create WYSIWYG editors online. It has few special features like Paste images from clipboard, Saves images directly in the content of the field using base64 encoding, so you don't need to implement image handling at all, Interactive WYSIWYG editing.

http://summernote.org/
https://github.com/summernote/summernote/

Tags
Implementation
License
Platform

   




Related Projects

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.

summernote-rails - To gemify the summernote WYSIWYG editor for Rails >= 3.1

  •    Ruby

This gem was built to package the assets used in Summernote, the Super Simple WYSIWYG Editor on Bootstrap, for Ruby on Rails version >= 3.1. The version of summernote-rails is matched with that of original summernote editor.

django-summernote - Simply integrate Summernote editor with Django project.

  •    Javascript

Summernote is a simple WYSIWYG editor. django-summernote allows you to embed Summernote into Django very handy. Support admin mixins and widgets.


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.

jHtmlArea - WYSIWYG HTML Editor for jQuery

  •    Javascript

A simple, light weight, extensible WYSIWYG HTML Editor built on top of jQuery. This component allows you to easily display a WYSIWYG HTML Editor in place of any TextArea DOM Elements on the page. The minified script alone is 9.17kb; CSS and Images it's a total of 25.9kb.

vue-wysiwyg - A lightweight WYSIWYG HTML editor for Vue.js

  •    Vue

Also make sure to load the stylesheet. The exact syntax will depend on what preprocessor you use. All keys are optional.

angular-summernote - AngularJS directive to Summernote

  •    Javascript

angular-summernote is just a directive to bind summmernote's all features. You can use summernote with angular way. Since v0.7.x, the version of angular-summernote follows the version of summernote. So, angular-summernote v0.7.x are compatible with summernote v0.7.x and and angular-summernote v0.8.x will be compatible with summernote v0.8.x. Angular-summernote will match only major.minor with summernote. Therefore, angular-summernote v0.7.0 will be compatible with summernote v0.7.0, v0.7.1 and v0.7.2. Angular-summernote will release patch update, such as v0.7.1, if only angular-summernote has changed.

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.

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.

tui.editor - 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

  •    TypeScript

TOAST UI Editor provides Markdown mode and WYSIWYG mode. Depending on the type of use you want like production of Markdown or maybe to just edit the Markdown. The TOAST UI Editor can be helpful for both the usage. It offers Markdown mode and WYSIWYG mode, which can be switched any point in time. Today CommonMark is the de-facto Markdown standard. GFM (GitHub Flavored Markdown) is another popular specification based on CommonMark - maintained by GitHub, which is the Markdown mostly used. TOAST UI Editor follows both CommonMark and GFM specifications. Write documents with ease using productive tools provided by TOAST UI Editor and you can easily open the produced document wherever the specifications are supported.

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.

Aloha editor - HTML5 WYSIWYG Editor

  •    Javascript

The most advanced browser based Editor lets you experience a whole new way of editing. It’s faster than existing technologies and offers unprecedented functionalities. Aloha Editor is designed to be the easiest to use, the fastest in editing and the best in its functions.

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.

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.

simplemde-markdown-editor - A simple, beautiful, and embeddable JavaScript Markdown editor

  •    Javascript

A drop-in JavaScript textarea replacement for writing beautiful and understandable Markdown. The WYSIWYG-esque editor allows users who may be less experienced with Markdown to use familiar toolbar buttons and shortcuts. In addition, the syntax is rendered while editing to clearly show the expected result. Headings are larger, emphasized words are italicized, links are underlined, etc. SimpleMDE is one of the first editors to feature both built-in autosaving and spell checking. WYSIWYG editors that produce HTML are often complex and buggy. Markdown solves this problem in many ways, plus Markdown can be rendered natively on more platforms than HTML. However, Markdown is not a syntax that an average user will be familiar with, nor is it visually clear while editing. In otherwords, for an unfamiliar user, the syntax they write will make little sense until they click the preview button. SimpleMDE has been designed to bridge this gap for non-technical users who are less familiar with or just learning Markdown syntax.

Xinha - The Community-built Open Source Online HTML Editor

  •    Javascript

Xinha (pronounced like Xena, the Warrior Princess) is a powerful WYSIWYG HTML editor component that works in all current browsers. Its configurabilty and extensibility make it easy to build just the right editor for multiple purposes, from a restricted mini-editor for one database field to a full-fledged website editor. Its makes it an ideal candidate for integration into any kind of project.






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.