Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

  • Andy Felton 180 posts 479 karma points c-trib
    Jan 28, 2020 @ 14:48
    Andy Felton

    Tiny MCE Rich Text Editor in Custom Property Editor


    I'm creating a custom property editor and need to add a Rich Text Editor to it. I was wondering if anybody has any code which shows how to get this working on V8?

    Thanks Andy

  • Marc Goodson 1718 posts 11411 karma points MVP 7x c-trib
    Jan 28, 2020 @ 22:30
    Marc Goodson

    Hi Andy

    You could have a look at the Editor Notes package... that has a Rich Text Editor as a configuration editor:

    so I have a view:

    <div ng-controller="RichTextPreValueEditorController" class="">
        <umb-property-editor model="editornotes"></umb-property-editor>

    and then in my controller I configure the model for the umb-property-editor:

    $scope.editornotes = {
                label: 'bodyText',
                description: 'Enter notes for editor',
                view: '/umbraco/views/propertyeditors/rte/rte.html',
                value: $scope.model.value,
                config: {
                    editor: {
                        toolbar: ["ace", "undo", "redo", "cut", "styleselect", "bold", "italic", "alignleft", "aligncenter", "alignright", "bullist", "numlist", "link", "umbmediapicker", "umbmacro", "umbembeddialog"],
                        stylesheets: [],
                        dimensions: {},
                        mode: "classic"

    if that's the steer you are after?



  • Andy Felton 180 posts 479 karma points c-trib
    Jan 29, 2020 @ 18:45
    Andy Felton

    Thanks Marc that sorted it! Just a layout issue to sort now.

Please Sign in or register to post replies

Write your reply to: