Hi Anders,

Where did you place your js code ? What event ?

Thanks, Alex

Hi Alex, Thanks for anwsering.

My code is in: facebookTabEditor.controller.js

code:

angular.module("umbraco").controller("facebookTabEditor", function ($scope, assetsService) {

    assetsService.loadCss("http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
    assetsService.loadCss("/App_Plugins/stylesGeneral/dragDropStyles.css");
    assetsService.loadCss("/App_Plugins/stylesGeneral/jquery.notebook.min.css");


    assetsService.load(["/App_Plugins/jsGeneral/jquery.notebook.js"]).then(function () {

        $('#container').bind("DOMSubtreeModified", function () {

            var newHtml = $('#container').html();            
            $('#htmlPlaceholder').val(newHtml);

        });

        //SYNC AF CONTAINER OG TEXTAREAR VED PAGELOAD
        var startHtml = $("#htmlPlaceholder").val();
        $('#container').html(startHtml);

    });

});

Hi Sebastiaan,

Thanks. This also helped me:

        $('#container').bind("DOMSubtreeModified", function () {
            var newHtml = $('#container').html();
            $scope.model.value = newHtml;
        });

The problem with this is that you can now not have more than one editor on each document type (as you're hardcoding the Id).

I would suggest updating to something like this view (note the change from id to class):

<textarea class="notebook-editor-item" ng-model="model.value" class="wmd-input" id="wmd-input-{{model.alias}}"></textarea>

And this controller:

assetsService.load(["/App_Plugins/jsGeneral/jquery.notebook.js"]).then(function () {

angular.forEach($element.find('.notebook-editor-item'), function (element) {

   $(element).notebook();

   $(element).on('contentChange', function(e) {
       $scope.model.value = e.originalEvent.detail.content;
   });

 }
});

This way you can have multiples of them and you're not doing too much jQuery. The thing about Angular is that people need to unlearn their bad jQuery habits a little bit as this way is much better and doesn't rely on the DOM so much.

is working on a reply...