I'm trying to create a custom property editor for use in the grid and I've *almost* got it working nicely but the styles seem completely broken.

So, I'm basically creating a grid editor with a space for an input and a piece of rich text.

I've found the following post: http://www.enkelmedia.se/blogg/2013/12/4/umbraco-7-use-the-rich-text-editor-tinymce-in-a-custom-section.aspx

This has got me a working (in terms of functionality) rich text editor in the grid but as you can see from the following screengrab, it's not quite styled as planned:

My package.manifest:

{
    propertyEditors: [
        {
            alias: "Accordion",
            name: "Accordion",
            editor: {
                view: "~/App_Plugins/Accordion/Accordion.html"
            }
        }
    ],
    javascript: [
        '~/App_Plugins/Accordion/Accordion.Controller.js'
    ]
}

My view:

<div ng-controller="Accordion">
    <div class="usky-editor-placeholder">
        <div class="umb-el-wrap">
            <div>
                <label class="control-label">
                    Title
                </label>

                <input type="text" name="title" ng-model="control.value.title" class="umb-editor umb-textstring textstring">
            </div>
        </div>

        <div class="umb-el-wrap">
            <div>
                <ng-form>
                    <umb-property property="property">
                        <umb-editor model="property"></umb-editor>
                    </umb-property>
                    <pre>
            Value from the RTE {{property.value}}
        </pre>
                </ng-form>
            </div>
        </div>
    </div>
</div>

And finally, my controller:

angular.module("umbraco")
    .controller("Accordion",
        function ($scope) {
            if (typeof $scope.control.value == "undefined") {
                $scope.control.value = {
                    title: "",
                    text: ""
                }
            }

            $scope.property = {
                label: 'bodyText',
                description: 'Load some stuff here',
                view: 'rte',
                config: {
                    editor: {
                        toolbar: ["code", "undo", "redo", "cut", "styleselect", "bold", "italic", "alignleft", "aligncenter", "alignright", "bullist", "numlist", "link", "umbmediapicker", "umbmacro", "table", "umbembeddialog"],
                        stylesheets: [],
                        dimensions: { height: 400, width: 250 }
                    }
                },
                value: "test"
            };
        }
    );

Any ideas what I'm doing wrong here?

Thanks!