angular.module('ngWig')
    .config(['ngWigToolbarProvider', function (ngWigToolbarProvider) {
       ngWigToolbarProvider.addCustomButton('forecolor', 'nw-forecolor-button');
    }])
    .directive('nwForecolorButton', function() {
        return {
            restrict: 'E',
            replace: true,
            template: '<li class="nw-toolbar__item"><button colorpicker ng-model="fontcolor" colorpicker-position="right" class="nw-button" title="Font Color"><i class="fa fa-font"></i></button></li>',
            link: function (scope) {
                scope.$on("colorpicker-selected", function ($event, color) {
                    scope.execCommand('foreColor', color.value);
                });
            }
        };
    });


angular.module('ngWig')
    .config(['ngWigToolbarProvider', function (ngWigToolbarProvider) {
       ngWigToolbarProvider.addCustomButton('forecolor', 'nw-forecolor-button');
    }])
    .directive('nwForecolorButton', function() {
        return {
            restrict: 'E',
            replace: true,
            template: '<button colorpicker ng-model="fontcolor" ng-disabled="editMode" colorpicker-position="right" class="nw-button" title="Font Color"><i class="fa fa-font"></i></button>',
            link: function (scope) {
                scope.$on("colorpicker-selected", function ($event, color) {
                    scope.execCommand('foreColor', color.value);
                });
            }
        };
    });


Remove li tag around the button. Disable the button when the editor is in edit mode.
Remove li tag around the button. Disable the button when the editor is in edit mode.
