Ok so your boss wants you to code a WISSYWIGG editor for your brand new Angular 4 app? So where do you start, well some examples ofcourse. So without further adieu here are some Angular 2 WYSIWYG’s examples to get you started, and to keep your boss happy! 🙂
1. Angular 2 Tiny MCE WYSIWYG
The absolutely easiest way to get started using TinyMCE with Angular2 is with the marvelous angular-cli
2. Angular 2 JS Froala WYSIWYG Editor
The default theme of the WYSIWYG HTML editor can be changed to one that better fits the color palette of your website. You can also create your own theme and customize the rich text editor’s interface the way you want using the customizer.
3. Codepen ng2 Inline Edit Example
Angular-xeditable is a bundle of AngularJS directives that allows you to create editable elements. Such technique is also known as click-to-edit or edit-in-place.
4. ng2 Edit Inline with Buttons
ng2-inline-editor is a library of Angular (version 2.0+ or 4) that allows you to create editable elements. Such technique is also known as click-to-edit or edit-in-place.
5. ng2 Inline Editor
Native UI Inline-editor Angular (4.0+) component. Basically it does not depend on any libraries except Angular4 itself. For themes you may need to include Twitter Bootstrap CSS.
6. Summnote Editor
7. TextAngular (Angular 1.5 only)
A radically powerful Text-Editor/Wysiwyg editor for Angular.js! Create multiple editor instances, two-way-bind HTML content, watch editors for changes and more!
Textbox.io is the first WYSIWYG HTML editor designed for desktop and mobile devices. Its revolutionary app-like mobile UI delivers an optimized UI for tablet and handset users.
9. Angular 2 Wysiwig
WSYWIG editors are sometimes a necessity in our development lives. Using TinyMce is actually very easy. In order to start using TinyMce we need to install the dependency. There is an npm module for tinymce.