Do not think that WYSIWYG editor are TinyMCE and CKEditor, it turns out there are many WYSIWYG editor that you can add to the CMS. The majority of CMS using WYSIWYG editor to simplify the user to add and edit content. As in wordpress using TinyMCE that has been modified.
There are many WYSIWYG editor that you can use, there is a jquery based, CSS or HTML5, depending on the framework you use.
Here are some alternatives WYSIWYG editor that will open your eyes, the world is wide.
A beautiful WYSIWYG rich text editor (RTE) that was built on the latest technologies and according to the latest industry trends
WYSIWYG are bulky chunks of code that allow users to format text inside their browsers just like they’d do with desktop software like Word or OpenOffice.Most of them work by transforming a simple textarea into a fully-blown text formatting section, with lots of toolbars and buttons to style the contained text.Another way of adding a RTE to a page is to allow users to select text and then show a popup with formatting controls next to it.Both ways are great, but few WYSIWYG editors provide both these editing options, focusing on just one of these editing experiences.Froala Editor provides a solid WYSIWYG editor, working for both of the aforementioned editing experiences, but also offers a pretty solid codebase, coded according to the latest standards and industry best practices.The Froala Editor is one of the few RTEs around with mobile and Retina support, making it also ideal for usage on mobile devices also.Utilizing the FontAwesome icon font for the editor’s buttons, Froala also reduces HTTP requests when loading the editor, improving page load time and providing a much more easier to style editor UI.Everything inside the Froala editing toolbars is interchangeable, developers being able to turn buttons and functionality on or off, or move them around to custom positions as they see fit.All in all the Froala Editor is a very well done WYSIWYG solution, with lots of customization options, documentation and demos included.Froala Editor is available under a dual licensing model. The free version is available personal and non-commercial projects under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License, while for commercial usage, various paid licenses are available, depending on the desired usage requirements. Be sure to read the licensing agreement and don’t get mixed up.
A WYSIWYG editor that works using Markdown syntax, helping users easily format their text on the Web using a set of buttons and controls
Ponymark was forked and deployed on top of the PageDown WYSIWYG Markdown-powered editor. Just like most WYSIWYG editors, Ponymark works on top of a textarea, adding a text formatting toolbar above which users can utilize to format the text they enter inside the textarea.Support is included for most Markdown formatting options, from bold and italic text, to links, and image embeds.Developers can turn formatting buttons on or off in the toolbar, limiting or broadening the user’s text stylization options.Ponymark is framework agnostic, was built on a modular structure so it can be easily extended at later points and also supports GitHub Flavored Markdown as well.It also supports image drag and drop embedding, Imgur or local server uploads, and even syntax highlighting via highlight.js.
A jQuery rich text editor, a powerful tool for implementing a simple WYSIWYG editing experience for your site’s users and visitors
The Redactor jQuery plugin transforms regular textareas into WYSIWYG editors, allowing site users to enter and style their text as they see fit.Redactor was built to be used as a basic rich text editor, yet it has slowly evolved from a nice open source project to an advanced, commercially available, text formatting toolkit.The editor has seen wide-spread adoption in many open source or commercial projects, being the default text formatting WYSIWYG editor for projects like Pulse CMS, Perch, or Statamic.If you choose to go with Redactor for one of your next projects, the editor will greatly reduce the time spent formatting text, and make life a lot more easier for both developers and end-users alike.
A WYSIWYG editor for transforming your textareas into a fully-featured text formatting tool, complete with a fully-working editing toolbar
A WYSIWYG editor working on top of jQuery and the HTML5 contentEditable feature, extremely easy to customize and ready for production usage
Trumbowyg is one of the new wave of rich text editors that utilize the new approach to text formatting by taking full advantage of HTML5’s new contentEditable attribute.The plugin looks and works like other WYSIWYG editors, using a toolbar on top of the editing area, full of buttons which will help format the contained text.All the text is formatted using HTML syntax, and the content of the toolbar is fully customizable, Trumbowyg letting developers decide what buttons to show using a simple config.Overall the editor is quite lightweight, and new features can easily be added via plugins or localization packages.A few demo editors are included with the Trumbowyg download package.
A simple WYSIWYG editor modeled after the inline text editor seen on the Medium.com blogging platform, with support for all of the original controls
Dante Editor, even if not the first clone of the Medium WYSIWYG editor, is actually the first that provides all of the originals formatting controls.This means you can actually embed media files inside your page with Dante, not just edit text like most of the other clones let you do.
A framework-agnostic WYSIWYG editor, a tool for letting your users easily style their text using a simple Word-like formatting toolbar
StackEdit uses Markdown to style text and is widely based on the PageDown editor. Besides just editing local files, it is also integrated with various document cloud storage services, helping users boost productivity by skipping the act of downloading and editing files in local desktop text editors.
A WYSIWYG editor that you can use to replace your textareas with a modern formatting toolbar, with support for a multitude of text styling options
A rich text editor (RTE) for the jQuery UI framework, working on top of the new HTML 5 contentEditable feature for real-time page edits
This is a very simple and lightweight BBCode markup editor
An HTML5-based WYSIWYG editor, working on the front-end side of a site, allowing the user to edit the content right where it stands
Aloha Editor is what Web developers call an “inline” or “in-place” WYSIWYG editor.The editor works via the HTML5 contenteditable feature, and comes with proper support so it can be used across various browsers types and versions without having to worry about HTML5 support.After installing the editor, if you want to use it you can do so by hovering the mouse over a website section. A formatting toolbar will appear, relevant to the content the user will try to edit.Since Aloha is considerably smaller than classic WYSIWYG editors, it is very fast to load and save the edited content.
fresherEditor helps developers implement an inline rich text editor that lets users edit the page’s text content right where it stands.The plugin appends a formatting toolbar to each contentEditable zone, aiding users in styling their text with a set of ready-available controls.Various keyboard shortcuts are supported, along with Bootstrap integration.A demo fresherEditor is included with the download package.
A powerful in-place WYSIWYG editor, built on top of jQuery and HTML 5, for adding a lightweight rich text editor to any Web page
Popline allows users to edit text with the help of a floating formatting toolbar.This toolbar appears only when a text is selected, and provides relevant options, based on the selected text.Besides the “Edit” mode, a “View” mode is also included for previewing the created text.A demo is included with the download package.Inspired by the PopClip Mac editor.
ZenPen ships as a Web notepad where users can add their text and save it for later.Developers can utilize this feature and add ZenPen to their applications by integrating it with their CMSs or forums as a way for users to edit their text online, without a clumsy controls toolbar at the top.The ZenPen controls are non-intrusive and provide formatting options like blod, italic, quotes, links.After all the edits have been done, all page changes are saved client-side via localStorage, but this built-in behavior can be modified to save changes to a remote database as well.
A jQuery-based WYSIWYG editor, inspired by the inline, in-place editing experience used by Medium.com to help their users format their blog posts
jQuery Notebook was developed to be a simple port of the Medium.com rich text editor.Most of the native Medium editor features are supported with jQuery Notebook as well, allowing developers to deploy a similar WYSIWYG tool for their sites as the one used on Medium.The plugin works by allowing the user to write his text, without showing any formatting toolbars above the text area.The formatting toolbar is only shown when selecting and hovering the text, as a popup tooltip with formatting controls inside it.Besides this, keyboard shortcuts are also supported, in the vase developers want to edit text in a fast pace and avoid selecting or hovering text.The keyboard shortcuts are customizable, along with the formatting buttons that appear on the WYSIWYG toolbar.A jQuery Notebook demo is included with the download package.
A jQuery plugin that transforms regular textarea fields into fully blown WYSIWYG editors, perfect for enriching the user text writing experience
ClassyEdit can be used to add a small rich text editor instead of your ol’ classical textarea field.ClassyEdit allows users to enter their text and use a set of buttons and controls displayed on a toolbar above the textarea to style the text accordingly.The plugin can be used for comment fields, contact forms, forums, CMSs, blogs, and many other more.A demo is included with the download package.
An open source, lightweight WYSIWYG editor for jQuery and the Bootstrap UI framework, a tool for easily formatting text on the Web
In case as a developer you really like working with Bootstrap, there’s a commonly used UI component that’s missing from the framework, and that’s the WYSIWYG editor.The “bootstrap-wysiwyg” jQuery plugin adds support for this component in Bootstrap, allowing developers to easily deploy it to a live project and provide rich text editing support to any textarea.As you’d imagine the editor is quite malleable and the formatting controls available on its toolbar can be turned on or off for faster loading or richer text editing features.The editor is also mobile friendly, uses an icon font for the toolbar buttons, and supports keyboard shortcuts as well.A basic demo editor is included with the bootstrap-wysiwyg download package.
Can be used as a stand-alone, or integrated with more complex GUIs or CMSs as a plugin.Under the hood, NicEdit works by replacing a normal textarea with a set of controls that will allow the user to style entered text the way he wants with a Word-like set of controls.Various demos of NicEdit are included with the download package. Also a custom download package builder is provided for lighter or more advanced versions of NicEdit.
An HTML5 WYSIWYG editor
Raptor is available as a jQuery UI widget or a stand alone HTML5-driven editor.A demo is included with the download package.A WP version of this editor can be downloaded from here.
Incoming search terms:
- lightweight wysiwyg editor