Hi Fabian,

Kindly look this urls

https://our.umbraco.org/Documentation/Using-Umbraco/Backoffice-Overview/Property-Editors/Built-in-Property-Editors-v7/Grid-Layout

https://our.umbraco.org/Documentation/Using-Umbraco/Backoffice-Overview/Property-Editors/Built-in-Property-Editors-v7/Grid-Layout-Best-Practices

Regards,

Mehul Gajjar.

Thanks for your reply but on these pages is no example to how use a RTE in a custom grid control ;)
I already built some custom grid controls but I'm not able to get the rte running.

Thanks, fabian 

Hi Fabian,

kindly check below link

https://our.umbraco.org/Documentation/Using-Umbraco/Backoffice-Overview/Property-Editors/Built-in-Property-Editors-v7/Grid-Layout/grid-editors

it shows the example of Rich text editor in Grid.

Regards,

Mehul Gajjar.

Hi Mehul Gajjar,

sorry, think you didn't get me. How to use RTE in Grid is fine for me.
Maybe my wording was wrong. We want to built a Custom grid editors also called custom grid control which should include a RTE, a H2 and other html tags . 
Topic is already discussed here https://our.umbraco.org/forum/umbraco-7/using-umbraco-7/59563-Tutorial-on-creating-custom-grid-editors

But no information about the RTE inside a custom control.
Hope you could understand what I'm looking for ;)

Best regards, fabian 

Hey Fabian,

Any luck on using Rich text editor inside a custom grid control?

if yes can you please share it here ?

thanks

Yogesh

Hi Yogesh,

had no luck. I'm using a normal textbox till now and allow html tags.
Next week im on the CodeGarden conference, maybe there somebody can help  ;) 

fabian 

Lucky you , attending code garden :)

please share the sollution if you get from there

Thanks

Yogesh

In case you haven't found a solution on this yet. First add this in a custom grid-controller:

angular.module("umbraco").controller("My.Custom.Control.With.RTE", function ($scope) {
$scope.rteconfig =
    {
        "toolbar": ["code", "removeformat", "styleselect", "bold", "alignleft", "aligncenter", "alignright", "bullist", "numlist", "outdent", "indent", "link", "unlink", "umbmediapicker"],
        "stylesheets": ["mycustomstylesheet"],
        "dimensions":
            {
                "height": 500
            },
        "maxImageSize": 1170
    }});

And in my editor-view

<div ng-controller="My.Custom.Control.With.RTE">

<div unique-id="control.$uniqueId"
        value="control.value.content"
        grid-rte configuration="rteconfig">
</div>    </div>

Thanks a ton, i will try that :)

Yogesh

@Calle:

That worked for me. I've been struggling with this for some time, so I appreciate finding your post. Most searching comes up with the same how-to articles listed above, but those don't specifically deal with RTE inside a Grid.

The only thing missing from your instruction (for future readers) is to add a reference to the controller.js in the package.manifest:

{
    "gridEditors": [
        {
            "name": "My RTE",
            "alias": "CustomRTE",
            "view": "~/App_Plugins/Grid/custom.rte.editor.html",
            "icon": "icon-layout"
        }
    ],

    "javascript": [
        "~/App_Plugins/Grid/custom.rte.controller.js"
    ]
}

And of course make sure to use the same "alias" name in all 3 files (manifest, controller, editor).

The final piece I'm still banging on is to render html tags when a user selects a style. For example: If the user selects a style "Heading 1", I need the RTE to wrap H1 around the text, rather than apply a class.

EDIT: found it: http://shermandigital.com/blog/add-formats-to-umbraco-richtext-editor/

Thanks again for posting your solution, it seems like a very common problem and needs to be added to the default property editor documentation.

Hi guys,

I need to customize the grid layout like these things please help to me

1) row an incons menu is displayed. Only the "delete" icon must be diplayed, not a configuration icon.

2) When i select a content after "Add content", the content is inserted and it allows to add mor content into that grid item. The system must allow only one content for each grid item.

Hi guys we've done something like this as well but I can't get the embed type working.. If I take a look at umbraco.controllers.js they do some work to hook up a dialog for when the embed button is pressed.

Does anyone have any experience/advice getting this working in a custom format?

angular.module("umbraco").controller("Grid.RichTextEditorContent", function ($scope, dialogService, tinyMceService) {
    $scope.control.value = $scope.control.value || { rte: null, heading: '' };

    if (!$scope.control.value.rte) {
        $scope.control.value.rte = {
            name: 'Rich text editor',
            alias: 'rte',
            view: 'rte'
        }
    }
    $scope.model = $scope.model || {};
    $scope.model.config = $scope.model.config || {};
    $scope.model.config.editor = {
        toolbar: ["code", "styleselect", "link", "unlink", "umbembeddialog"],
        stylesheets: ['rte-content'],
        dimensions: { height: 200 }
    };
});

Note the umbembeddialog property in the toolbar. The embed icon shows up but the click event does nothing and raises no errors in console. Thanks!

Hi Leonard, Unfortunately not.

is working on a reply...