Hi,

I would like to use the:

<ng-form>
            <umb-editor model="textInput" ng-model="rteText"></umb-editor>
</ng-form>

within a multiple slide Slider Macro or in a Carousel Macro where the model.value is an object of different values for example:

<div ui-sortable="sortableOptions" ng-model="model.value">

    <div class="simple-slider-list simple-slider-list-field" ng-class="{'simple-slider-open':selected == slide}" ng-click="select(slide)" ng-repeat="slide in model.value track by $index">

        <span class="simple-slider-list-number">
            {{slide.name}}
            <i class="icon right icon-navigation"></i>
            <i ng-click="remove($index)" class="icon right icon-delete"></i>
        </span>

       <div class="simple-slider-list-field">
            <input type="text" placeholder="Name" ng-model="slide.name" />
        </div>


        <ng-form>
            <umb-editor model="textInput" ng-model="rteText"></umb-editor>
        </ng-form>

    </div>

</div>

and the Controller looks like:

angular.module("umbraco").controller("AccordionEditor.controller",
function ($scope, assetsService, $http, dialogService, mediaHelper) {

    $scope.textInput = {
        label: 'bodyText',
        description: '...',
        view: 'rte',
        value: $scope.rteText,
        config: {
            editor: {
                toolbar: ["code", "removeformat", "link", "unlink", "bold", "italic", "underline", "strikethrough"],
                stylesheets: [],
                dimensions: {
                    height: 200
                }
            }
        }
    };
    $scope.$watch('textInput.value', function (newValue, oldValue) {
        $scope.rteText = newValue;
    });

    var defaultItem = { name: "", summary: "", img: "", link: undefined };

    if (!$scope.model.value) {
        $scope.model.value = [];
    }

    if ($scope.model.value.length > 0) {
        $scope.selected = $scope.model.value[0];
    }

    $scope.select = function (index) {
        $scope.selected = index;
    };

    $scope.remove = function ($index) {
        $scope.model.value.splice($index, 1);
    };

    $scope.add = function () {

            $scope.model.value.splice($scope.model.value.length + 1, 0, angular.copy(defaultItem));
            $scope.selected = $scope.model.value[$scope.model.value.length - 1];


    };

    $scope.pick = function (slide) {
        dialogService.mediaPicker({
            multiPicker: false,
            callback: function (data) {
                slide.img = mediaHelper.resolveFile(data, false);
            }
        });
    };

    $scope.pickContent = function (slide) {
        dialogService.treePicker({
            multiPicker: false,
            section: "content",
            treeAlias: "content",
            callback: function (data) {
                slide.link = { name: data.name, id: data.id };
            }
        });
    };

    $scope.sortableOptions = {
        handle: ".icon-navigation",
        axis: "y",
        delay: 150,
        distance: 5
    };

    // Load css asset
    assetsService.loadCss("/App_Plugins/CarouselEditor/assets/CarouselEditor.css");

});

But im not sure how to populate the RTE and return a value:

$scope.textInput = {
        label: 'bodyText',
        description: '...',
        view: 'rte',
        value: $scope.rteText,
        config: {
            editor: {
                toolbar: ["code", "removeformat", "link", "unlink", "bold", "italic", "underline", "strikethrough"],
                stylesheets: [],
                dimensions: {
                    height: 200
                }
            }
        }
    };
    $scope.$watch('textInput.value', function (newValue, oldValue) {
        $scope.rteText = newValue;
    });

Has anyone done this before?

Thanks

Jon