Simple TinyMce throws "o is not Constructor" and "property onload of null"

3k Views Asked by At

Following the tuts and seting up a TinyMce it throws me at Loading of the Site with Tinymce
Uncaught TypeError: o is not a constructor
Changing to other sites throws
TypeError: Cannot set property 'onload' of null
Redirecting to the Point where it Errors

function et() {
    var e = !0
      , n = this;
    this.debugEnabled = function(n) {
        return y(n) ? (e = n,
        this) : e
    }
    ,
    this.$get = ["$window", function(t) {
        function l(e) {
            return e instanceof Error && (e.stack ? e = e.message && e.stack.indexOf(e.message) === -1 ? "Error: " + e.message + "\n" + e.stack : e.stack : e.sourceURL && (e = e.message + "\n" + e.sourceURL + ":" + e.line)),
            e
        }
        function i(e) {
            var n = t.console || {}
              , i = n[e] || n.log || p
              , o = !1;
            try {
                o = !!i.apply
            } catch (e) {}
            return o ? function() {
                var e = [];
                return r(arguments, function(n) {
                    e.push(l(n))
                }),
                i.apply(n, e)// Errors here
            }
            : function(e, n) {
                i(e, null == n ? "" : n)
            }
        }
        return {
            log: i("log"),
            info: i("info"),
            warn: i("warn"),
            error: i("error"),
            debug: function() {
                var t = i("debug");
                return function() {
                    e && t.apply(n, arguments)
                }
            }()
        }
    }
    ]
}

The Setup

.html    
<td>
 <textarea ui-tinymce='tinymceOptionsRead' ng-model='originalText' ></textarea>
</td>
.js 
   class HtmlvalueComponent {
        constructor($scope) {
          this.$scope.tinymceOptionsRead = {
            menubar: false,
            theme: 'modern',
            plugins: '',
            toolbar: false,
            readonly: true,
            statusbar: false,
            height: 170,
          };
        }

Because there are no further Infos at the Error Log and Google doesnt give out Solutions I need help.

If I comment in the .js File the tinymceOptionsRead out and not setting it in the .html as <textarea ui-tinymce ng-model='originalText' ></textarea> it still throws both Errors. If I comment only the TinyMce out
<!--textarea ui-tinymce ng-model='originalText' ></textarea-->
then the Errors Vanish, so there lies somewhere the Problem.
Everything else on the Site is working like Buttons,CRUD and so on
I have the lastest Versions installed:
TinyMce : 4.5.2
ui-TinyMce: 0.0.18
Angular: 1.5.8

1

There are 1 best solutions below

0
On

put jquery.min.js file under header Section of the page above any script. this trick worked for me.