This is a migrated thread and some comments may be shown as answers.

Enable ImageEditor in SharePoint 2010.

11 Answers 136 Views

ImageEditor

This is a migrated thread and some comments may be shown as answers.

Yevgeniy asked on 25 Jun 2013, 02:17 PM

Hi,

I'm trying to integrate ImageManager in SharePoint using custom content provider (i need to use ImageManager outside RadEditor).
The problem is that whatever i do "Image Editor" button is always disabled.
All handlers are specified correctly. The code is below:

DialogOpener1.HandlerUrl = "~/_wpresources/RadEditorSharePoint/6.7.0.0__1f131a624888eeed/Resources/Telerik.Web.UI.DialogHandler.aspx";

var imageManagerParameters = new ImageManagerDialogParameters();

imageManagerParameters.ViewPaths = new string[] { "http://server" };

imageManagerParameters.ImageEditorHttpHandlerUrl = "~/_wpresources/RadEditorSharePoint/6.7.0.0__1f131a624888eeed/Resources/Telerik.Web.UI.DialogHandler.aspx";

imageManagerParameters.MaxUploadFileSize = 5000000;

imageManagerParameters.FileBrowserContentProviderTypeName =

"TestRad.SharePointContentProvider, TestSharePointRAD, Version=1.0.0.0, Culture=neutral, PublicKeyToken=8cee718d2e73da72"

;

imageManagerParameters.EnableImageEditor = true;

DialogDefinition imageManager = new DialogDefinition(typeof(ImageManagerDialog), imageManagerParameters);

imageManager.ClientCallbackFunction = "ImageManagerFunction";

imageManager.Width = Unit.Pixel(694);

imageManager.Height = Unit.Pixel(440);

DialogOpener1.DialogDefinitions.Add("ImageManager", imageManager);

FileManagerDialogParameters imageEditorParameters = new FileManagerDialogParameters();

imageEditorParameters.ViewPaths = new string[] { "http://server" };

imageEditorParameters.MaxUploadFileSize = 5000000;

imageEditorParameters.FileBrowserContentProviderTypeName =

"TestRad.SharePointContentProvider, TestSharePointRAD, Version=1.0.0.0, Culture=neutral, PublicKeyToken=8cee718d2e73da72"

;

DialogDefinition imageEditor = new DialogDefinition(typeof(ImageEditorDialog), imageEditorParameters);

imageEditor.Width = Unit.Pixel(832);

imageEditor.Height = Unit.Pixel(520);

DialogOpener1.DialogDefinitions.Add("ImageEditor", imageEditor);

How can i solve this?

11 Answers, 1 is accepted

answered on 28 Jun 2013, 03:38 PM

Hello Yevgeniy,

We are not aware of such behavior and the provided information was not enough for me to replicate the issue on my side.

Could you, please, verify that you are using the approach described in this KB aricle in order to use a stand alone Image Manager: Using the Image and Document managers outside RadEditor along with this SPContentProvider provider?
Another possible reason could be if you do not have permissions to edit the images into the listed folder. You can see how to test this here: Troubleshooting
Do you experience the same issue with theSPRadEditor? The reason behind my question is that the File Browser dialogs of the SharePoint version of RadEditor are specifically customized, so that they function properly under SharePoint.

Could you, please, test the proposed solution and see if it resolves the issue at hand? If none of the above helps in solving the case - could you prepare a sample fully runnable web part (including your custom content provider) so we could examine it on our side?

Looking forward to hearing from you,
Veselina Raykova
Telerik

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.

answered on 01 Jul 2013, 06:40 AM

RADImageManagerSharePoint.jpg

Hi,

I was able to resolve this issue. It was my mistake - when creating new DirectoreItem object i've provided them with only PathPermission.Read.
After i added PathPermission.Upload the Image editor button started to work.

Anyway thank you for your help.

Also i wanted to ask - is SPRadEditor Image Manager should look like that (see attachment)? It differs a lot from non SharePoint version.

answered on 04 Jul 2013, 08:07 AM

Hello Yevgeniy,

Indeed, this is not the default Image Manager dialog of RadEditor. The editor control is designed to use the native image manager of SharePoint if configured to do so, which most probably is the case. Please open the tools file of RadEditor for SharePoint and add the following tool in the <tools> section to ensure that the correct image editor is enabled:

<tool name="ImageManager" />

Feel free to contact us again if you run into more difficulties.

Regards,
Slav
Telerik

answered on 15 Jul 2013, 03:38 PM

Hi Yevgeniy,

Please send the content of your configuration file so that I can examine it locally and check what is causing the wrong dialog to appear.

Below you can find more information about your additional questions:

1) The following help articles will help you configure the ImageManager dialog or a custom dialog for the whole site collection:
- Image Manager;
- Add Custom Dialog;

2) RadEditor can be used only in the following scenarios:
- Rich-text field control in SharePoint forms (in Lists, Wikis, Blogs, etc.)
- Content editor Web Part
- Rich-HTML field in Web Content Management (publishing) scenarios

Regards,
Slav
Telerik

answered on 16 Jul 2013, 06:17 AM

Hi,

Content of the ToolsFile.xml

<root>

<modules>

<module name="RadEditorDomInspector" />

</modules>

<tools>

<tool name="Cut" shortcut="CTRL+X" />

<tool name="Copy" shortcut="CTRL+C" />

<tool name="Paste" shortcut="CTRL+V" />

<tool name="Undo" shortcut="CTRL+Z" />

<tool name="Redo" shortcut="CTRL+Y" />

<tool separator="true" />

<tool name="FontName" />

<tool name="FontSize" />

<tool name="Bold" shortcut="CTRL+B" />

<tool name="Italic" shortcut="CTRL+I" />

<tool name="Underline" shortcut="CTRL+U" />

<tool name="StrikeThrough" />

<tool name="Subscript" />

<tool name="Superscript" />

<tool name="BackColor" />

<tool name="ForeColor" />

<tool name="FormatStripper" />

</tools>

<tools>

<tool name="InsertUnorderedList" />

<tool name="InsertOrderedList" />

<tool name="Outdent" />

<tool name="Indent" />

<tool name="SPLeftToRight" text="Left to Right" />

<tool name="SPRightToLeft" text="Right to Left" />

<tool name="JustifyLeft" />

<tool name="JustifyCenter" />

<tool name="JustifyRight" />

<tool name="JustifyFull" />

<tool separator="true" />

<tool name="ApplyClass" />

<tool separator="true" />

<tool name="AjaxSpellCheck" />

<tool separator="true" />

<tool name="FormatBlock" />

<tool name="InsertHorizontalRule" />

<tool name="ToggleSource" />

</tools>

<tools>

<tool name="InsertTable" />

<tool name="ToggleTableBorder" />

<tool separator="true" />

<tool name="ImageManager" />

<tool name="MediaManager" />

<tool name="FlashManager" />

<tool separator="true" />

<tool name="SPLinkManager" text="Insert Link" />

<tool name="Unlink" />

<tool separator="true" />

<tool name="SPTemplateManager" text="Insert Reusable Content" />

<tool separator="true" />

<tool name="SPInsertWebPart" text="Insert Web Part"/>

<tool separator="true" />

<tool name="Help" />

</tools>

<contextMenus>

<contextMenu forElement="*">

<tool name="Cut"/>

<tool name="Copy"/>

<tool name="Paste"/>

</contextMenu>

</contextMenus>

<classes>

<class name="Clear Class" value="" />

<class name="Normal" value=".ms-rteStyle-Normal" />

<class name="Highlight" value=".ms-rteStyle-Highlight" />

<class name="By Line" value=".ms-rteStyle-Byline" />

<class name="Tag Line" value=".rteStyle-Tagline" />

<class name="Comment" value=".ms-rteStyle-Comment" />

<class name="References" value=".ms-rteStyle-References" />

<class name="Caption" value=".ms-rteStyle-Caption" />

</classes>

<paragraphs>

<paragraph name="<H1 class='ms-rteElement-H1'>Heading 1</H1>" value="<H1 class='ms-rteElement-H1'>" />

<paragraph name="<H2 class='ms-rteElement-H2'>Heading 2</H2>" value="<H2 class='ms-rteElement-H2'>" />

<paragraph name="<H3 class='ms-rteElement-H3'>Heading 3</H3>" value="<H3 class='ms-rteElement-H3'>" />

<paragraph name="<H4 class='ms-rteElement-H4'>Heading 4</H4>" value="<H4 class='ms-rteElement-H4'>" />

<paragraph name="<H1 class='ms-rteElement-H1B'>Colored Heading 1</H1>" value="<H1 class='ms-rteElement-H1B'>" />

<paragraph name="<H2 class='ms-rteElement-H2B'>Colored Heading 2</H2>" value="<H2 class='ms-rteElement-H2B'>" />

<paragraph name="<H3 class='ms-rteElement-H3B'>Colored Heading 3</H3>" value="<H3 class='ms-rteElement-H3B'>" />

<paragraph name="<H4 class='ms-rteElement-H4B'>Colored Heading 4</H4>" value="<H4 class='ms-rteElement-H4B'>" />

<paragraph name="<p class='ms-rteElement-P'>Paragraph</p>" value="<p class='ms-rteElement-P'>" />

<paragraph name="<div class='ms-rteElement-Callout1'>Callout 1</div>" value="<div class='ms-rteElement-Callout1'>" />

<paragraph name="<div class='ms-rteElement-Callout2'>Callout 2</div>" value="<div class='ms-rteElement-Callout2'>" />

<paragraph name="<div class='ms-rteElement-Callout3'>Callout 3</div>" value="<div class='ms-rteElement-Callout3'>" />

<paragraph name="<div class='ms-rteElement-Callout4'>Callout 4</div>" value="<div class='ms-rteElement-Callout4'>" />

</paragraphs>

<fontNames>

<item name="Arial" />

<item name="Calibri" />

<item name="Comic Sans" />

<item name="Courier" />

<item name="Garamond" />

<item name="Georgia" />

<item name="Impact" />

<item name="Lucida Console" />

<item name="Palatino Linotype" />

<item name="Times New Roman" />

<item name="Trebuchet MS" />

<item name="Verdana" />

</fontNames>

</root>

2) I've activated publishing feature navigated to Pages library and created new page based on Article page layout.
But when i try to edit it the Page Content field does not contain Rad Editor. Isn't it a publishing scenario?

answered on 18 Jul 2013, 04:26 PM

Hello Yevgeniy,

The ImageManager appears to be configured correctly in the attached code sample. Note that the image manager of RadEditor needs to be specified in the ListToolsFile.xml as well, otherwise it will not appear in SharePoint forms scenarios, as described in this help article. Please ensure that only ImageManager is used in the list tools file.

As for your second question, please check the help article Using RadEditor in Web Content Management scenario and more specifically step 4 since you mentioned that you have already enabled the content management feature. You might need to open a command prompt window and type iisreset to reset the Internet Information Server.

Regards,
Slav
Telerik

answered on 23 Jul 2013, 12:58 PM

Hi,

Site is created from custom site definition.
Content of the files below.

ToolsFile.xml: