Tuesday, 4 April 2017

angular-ui-tinymce not working

I am using npm (not bower) to download angular-ui-tinymce.

npm install angular-ui-tinymce

Thereafter, I am installing it in my application using the following.

var angular = require('angular');
require('angular-ui-router');
...
require('angular-ui-tinymce');

Then, I am including it as a dependency.

angular.module('nxch-ies-admin', ['ui.router', ..., 'ui.tinymce']);

Finally, I am adding this to my html code...

<textarea ui-tinymce="tinymceOptions" ng-model="overview" placeholder="..."></textarea>

And controller as follows.

$scope.overview = "<div>blah blah blah</div>";

$scope.tinymceOptions = {
    plugins: 'link image code',
    toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code'
};

But it doesn't work! What am I missing?



via Grateful

No comments:

Post a Comment