Question

I am having problem in integrating AngularJS UI tinymce in the app, however it is working fine in jsbin demo:

http://jsbin.com/itevos/2

However in app I receive this error when I load the app:

Uncaught TypeError: Cannot read property 'form' of null

which references tiny_mce_jquery_src.js:11955 with that line number being:

var n = t.getElement().form;

In the app, I checked all js/css files are loaded fine. This is what I have:

var app_htmleditor_module = angular.module('app_htmleditor', ['ui', 'components']).
    config(['$routeProvider', function($routeProvider) {
        $routeProvider.
            when('/', {
                templateUrl: getBaseURL() + 'public/tpl/app/htmleditor.htm',
                controller: HtmlEditorCtrl,
                reloadOnSearch:false
            }).
            otherwise( {redirectTo: '/'});
    }
]);

And textarea:

<textarea ui-tinymce ng-model="tinymce" id="{{fileUploaderID}}_html_tab" name="{{fileUploaderID}}_html_tab"></textarea>

I tried wrapping textarea with form tag but still received the same error.

Answer 1

@Dev555 There were issues with this directive but I know that we’ve updated recently. Please let us know if there are still problems. As an aside, angular-ui is in its early stages things change quite rapidly.