Hi Malte.

Yes, this seems to fix it. But as far as i know, it is a bad practice to use $scope.$digest(); because you dont know if a $digest already is in progress.

https://stackoverflow.com/questions/12729122/angularjs-prevent-error-digest-already-in-progress-when-calling-scope-apply

But the big problem here is that we use it on Umbraco Cloud, so we need a permenent fix. But thanks for posting.

Hi Dave.

It seems to work :)

I will try play around with it and post my results here.

Btw. Both your link was the same, but i guess you where thinking of https://github.com/dawoe/umbraco-tour-editor/blob/develop/Source/Our.Umbraco.TourEditor/Web/App_Plugins/TourEditor/scripts/controllers/step-details-controller.js

Hi Paul.

Here is a full exsample:

Grid Controller:

(function () {
    "use strict";

    function gridController($scope) {

        $scope.control.value = $scope.control.value || {};

        $scope.openOverlay = function () {
            $scope.overlay = {
                view: "/App_Plugins/MyOwnPlugin/PathTo/overlayView.html",
                show: true,
                title: "general_edit",
                submitButtonLabelKey: "general_approve",
                closeButtonLabelKey: "general_closewindow",
                submit: function (model) {
                    $scope.control.value = model.dialogModel;
                    closeOverlay();
                },
                close: function (oldModel) {
                    $scope.control.value = oldModel.dialogModel;
                    closeOverlay();
                },
                dialogModel: $scope.control.value
            };
        };

        if ($scope.control.$initializing) {
            $scope.openOverlay();
        }

        function closeOverlay() {
            $scope.overlay.show = false;
            $scope.overlay = null;
        }
    }

    angular.module("umbraco").controller("My.Own.GridController", gridController);
})(); 

Grid View:

<div ng-controller="My.Own.GridController">
    <umb-overlay ng-if="overlay.show"
                 model="overlay"
                 view="overlay.view"
                 position="right">
    </umb-overlay>
</div>

Overlay Controller:

(function () {
    "use strict";

    function overlayController($scope, localizationService) {

        // Normal there would be more properties. (This is simplyfied)
        $scope.property = {
            rte: {}
        }

        // Get all label and descriptions.
        localizationService.localizeMany(["general_label", "general_description"]).then(function (data) {
            $scope.property.rte.label = data[0];
            $scope.property.rte.description = data[1];
        });

        // rte config.
        $scope.rte = {
            view: 'rte',
            config: {
                editor: {
                    toolbar: [
                        "code",
                        "removeformat",
                        "styleselect",
                        "bold",
                        "italic",
                        "underline",
                        "forecolor",
                        "alignleft",
                        "aligncenter",
                        "alignright",
                        "bullist",
                        "numlist",
                        "link",
                        "unlink"
                    ],
                    stylesheets: ["custom_rte"],
                    dimensions: {
                        height: 250,
                        width: "100%"
                    }
                }
            },
            value: $scope.model.dialogModel.text
        };

        // I had to add this in order to save the text entered.
        $scope.$watch('rte.value', function (newVal, oldVal) {
            $scope.model.dialogModel.text = newVal;
        });
    }

    angular.module("umbraco").controller("My.Own.OverlayController", overlayController);
})();

Overlay View:

<umb-panel ng-controller="My.Own.OverlayController">
    <umb-pane>
        <umb-property property="property.rte">
            <umb-property-editor model="rte" />
        </umb-property>
    </umb-pane>
</umb-panel>

Razor View:

@using Umbraco.Web.Templates
@using Umbraco.Web
@inherits Umbraco.Web.Mvc.UmbracoViewPage<dynamic>

@if (Model.value != null && !string.IsNullOrEmpty(Model.value.text.ToString()))
{
    var textWithLinks = TemplateUtilities.ParseInternalLinks(Model.value.text.ToString(), UmbracoContext.Current.UrlProvider);  
    @Html.Raw(textWithLinks)
}

Package Manifest:

{
  "gridEditors": [
    {
      "name": "My own Rte Editor",
      "alias": "My.Own.RteEditor",
      "view": "~/App_Plugins/MyOwnPlugin/PathTo/GridView.html",
      "render": "~/App_Plugins/MyOwnPlugin/PathTo/RazorView.cshtml",
      "icon": "icon-browser-window"
    }
  ],
  "javascript": [
    "~/App_Plugins/MyOwnPlugin/PathTo/GridController.js",
    "~/App_Plugins/MyOwnPlugin/PathTo/OverlayController.js"
  ],
  "css": [ "~/App_Plugins/MyOwnPlugin/PathTo/stylesheet.css" ]
}

Hi Bo,

This is amazing and works a treat. You saved the day.

Cheers

Paul

Hi Jonathan.

This part is where you get the entered value from the RTE.

$scope.$watch('rte.value', function (newVal, oldVal) {
    $scope.model.dialogModel.text = newVal;
});

This is the part where you save the value from the overlay

submit: function (model) {
   $scope.control.value = model.dialogModel;
   ...
},