Hi Matt,

Perhaps, this blog post from Markus Johansson can help you on how to use the rich text editor in a custom section http://www.enkelmedia.se/blogg/2013/12/4/umbraco-7-use-the-rich-text-editor-tinymce-in-a-custom-section.aspx

I so think that this documenation could be nice to have http://umbraco.github.io/Belle/#/api/umbraco.services.dialogService for the media picker question in a custom section,in collaboration with the AngularJS Workbook here https://github.com/umbraco/AngularWorkbook this is a guide to create your own property editors,

Hope this helps,

/Dennis

Hi, i tried all 3 examples in that article but none of them worked. I have no clue what version of umbraco that article was built for but it's not working in Umbraco 7.2

Hi Matt,

Perhaps this article from the last year Umbraco advent calendar written by Dave Woestenborghs http://24days.in/umbraco/2014/umbraco-angular-tips/

Hope this can help you a step further.

/Dennis

Hi, thanks but i checked that article too and it points to the first article you mentioned.

Is is possible that anyone has any examples at all for how to implement the rich text editor and the multiple media picker in a custom section?

Hi Matt,

At the risk of that you already have seen this thread, I try to post this anyway :). Here is a post on how to reuse an Umbraco property editor from the dialog service, hope this can help you in some way

http://our.umbraco.org/forum/umbraco-7/developing-umbraco-7-packages/55678-How-to-reuse-an-Umbraco-Property-Editor-from-dialogService

/Dennis

Hi Matt,

As Dennis already pointed out I describe this behavior in this article : http://24days.in/umbraco/2014/umbraco-angular-tips/

You can find the source code for that here : https://bitbucket.org/dawoe/umbukfestival2014/src

Also my video about building custom sections from the Umbraco UK Festival is up. I talk about this in the video also : http://umbracoukfestival.co.uk/videos

Dave

Thanks,

I've downloaded your umbukfestival2014 project and have it running locally. I'll take a look at how you are adding a richtext editor to the custom section.  Would there be an example in there of how to add a multiple media picker as well?

Dave,

Thanks for your assistance, your example project was a huge help. Could you help point me in the right direction with any of the following?

1) how do I add format styles to the richtext editor in the custom section?

2) how do I use other data types such as the mutliple media picker?

Thanks agin!

Hi Matt,

You can add styles to Richt Text editor in the datatype section. Just like you would for your doctypes.

To load other datatypes is just a matter of calling the api with name of your datatype.

Here is a example to use the built in Date Picker

In your controller you will do something like this :

 datatypeResource.getByName('Date Picker').then(function (result) {
                $scope.dateField= [
                   {
                       alias: 'datefield',
                       label: 'Date',
                       view: result.data.view,
                       config: result.data.config,
                       value: $scope.session.mydate
                   }
                ];
            });

  $scope.$watch('dateField', function () {
            if ($scope.dateField!= undefined) {
                $scope.session.mydate= $scope.dateField[0].value;
            }
        }, true);

And then in your view you will have this

 <div ng-repeat="editor in dateField">
                            <umb-editor model="editor"></umb-editor>
                        </div>   

Dave

Thanks Dave,

regarding the richtext editor I know how to apply a stylesheet to the richtext editor that is used in normal document type templates, but that doesn't apply for the richtext editor in the custom section. how do i apply the stylesheet specifically for richtext editors inside custom sections?

You just create a new rich text editor based datatype in the backend.

In the API call for the datatype use the new RTE datatype name.

Dave

Hi Dave, I don't think I'm explaining myself correctly so let me show a couple pics. I'm using the exact same richtext editor in my document types as i am in my custom section, yet the format styles are not being applied in the custom section.

content page using richtext editor:

custom section using same richtext editor:

notice the formats dropdown?

thanks for your help here.

ok, now i've tried implementing the richtext editor the way you did it in both the speakers and now sessions custom sections. niether of those pull in the format styles that are added to my editor in the backoffice.

are you able to verify on your end that you do have that Format dropdown populated in your richtext editor in either of those custom sections?

just wondering if maybe it's a bug.

thanks.

EDIT: disregard last message. I had to update the edit view code as well to look for rteField instead of RichtextEditor. Works great now, thank you for your help!

Matt

Nice to see you got it solved.

Dave

Awesome work Dave! Thanks for putting this together, this was a big help on integrating some data types into our custom tree.

is working on a reply...