Thanks for your time.
6 Answers, 1 is accepted
The properties inspector module of RadEditor does not offer support for DIV elements. The supported elements are:
TABLE, TH, TD, TR, A,IMG, INPUT, FORM and TEXTAREA. If you would like you can implement your own custom module or custom dialog that will offer the ability to modify the attributes of the div elements.http://demos.telerik.com/aspnet-ajax/editor/examples/customdialogs/defaultcs.aspx
http://demos.telerik.com/aspnet-ajax/editor/examples/custommodules/defaultcs.aspx
All the best,
Rumen
the Telerik team
Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!
You can achieve your goal by overwriting the _nodeAttributesArray of RadEditorNodeInspector which contains the definitions of each node panel, e.g.
<telerik:RadEditor ID=
"RadEditor1"
runat=
"server"
>
<Content><div style=
"color:red;background-color: yellow; border: 1px solid red; width:120px; height:20px;"
>test</div></Content>
</telerik:RadEditor>
<script type=
"text/javascript"
>
Telerik.Web.UI.Editor.Modules.RadEditorNodeInspector.prototype._nodeAttributesArray =
//Contains definitions for each node panel
{
DIV: [
"width"
,
"borderColor"
,
"bgColor"
,
"className"
,
"height"
,
"border"
],
TABLE: [
"width"
,
"borderColor"
,
"cellSpacing"
,
"bgColor"
,
"className"
,
"SetTableProperties"
,
"height"
,
"cellPadding"
,
"align"
,
"border"
],
TH: [
"width"
,
"borderColor"
,
"bgColor"
,
"className"
,
"SetCellProperties"
,
"height"
,
"align"
,
"noWrap"
,
"border"
],
TD: [
"width"
,
"borderColor"
,
"bgColor"
,
"className"
,
"SetCellProperties"
,
"height"
,
"align"
,
"noWrap"
,
"border"
],
TR: [
"width"
,
"className"
,
"height"
],
A: [
"href"
,
"className"
,
"LinkManager"
,
"title"
,
"target"
],
IMG: [
"width"
,
"borderColor"
,
"className"
,
"SetImageProperties"
,
"height"
,
"align"
,
"border"
,
"alt"
],
INPUT: [
"NAME"
,
"width"
,
"height"
,
"id"
,
"title"
,
"className"
,
"value"
],
FORM: [
"className"
,
"width"
,
"height"
,
"NAME"
,
"action"
,
"id"
],
TEXTAREA: [
"className"
,
"width"
,
"height"
,
"NAME"
,
"id"
,
"rows"
,
"cols"
]
}
</script>
Greetings,
Rumen
the Telerik team
Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!
Hi Deepa,
The forum thread is about extending the functionality of the built-in Node Inspector module. Your enquiry is rather related to creating an custom module matter.
I suggest examining these materials on the matter:
Regards,
IankoTelerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.