I have not had time to update this project in a long time which has caused me to fall behind on many bugs listed in the issues page. If you still depend on this project and would like to contribute please let me know or submit pull requests.

Angular WYSIWYG directive.

Pull Requests Welcome

Demo

$ git clone https://github.com/TerryMooreII/angular-wysiwyg.git
$ npm install 
$ gulp server

Open browser to http://localhost:4000/demo

Installation

bower install angular-wysiwyg

Required dependancies

• AngularJS
• Font Awesome
• Twitter Bootstrap
• bootstrap-color-picker

Install each dependancy to your AngularJS project.

Add

'wysiwyg.module'

javascript
angular.module('myapp', ['myApp.controllers', 'myApp.services', 'wysiwyg.module']);

Usage

Options

Buttons

If you don't need all of the buttons and functions of the default WYSIWYG editor you can customize it.

To do so you need to create a scope variable in your controller. This variable be an array that contains arrays of button groups.

    //This also happens to be the default menu options.
    $scope.yourModel.customMenu = [
            ['bold', 'italic', 'underline', 'strikethrough', 'subscript', 'superscript'],
            ['format-block'],
            ['font'],
            ['font-size'],
            ['font-color', 'hilite-color'],
            ['remove-format'],
            ['ordered-list', 'unordered-list', 'outdent', 'indent'],
            ['left-justify', 'center-justify', 'right-justify'],
            ['code', 'quote', 'paragraph'],
            ['link', 'image']
        ];

So above each array will end up being a group of the specified buttons.

Note: The

font

font-size