To Define editable and non-editable regions in RadEditor, you should place several DIV or SPAN element containers in the editor content area. After that, set the unselectable="on" attribute to their tags in order to prohibit selection of these elements. You should also set the contentEditable attribute to "false" to put these elements in non-editable mode.
Here is an example:
| ASPX/ASCX |
Copy Code |
|
<div style="BORDER: red 1px solid;" contentEditable=" false" unselectable="on">Non Editable AREA <div style="BORDER: green 1px solid;" contentEditable="true" unselectable= "off"> <!--Content name="info" --> Editable REGION... <!--/Content --> </div> Non Editable EREA </div> |
The end result will be as follows:
Non Editable EREA
Editable REGION...
Non Editable EREA
You can find additional information in the following MSDN article: UNSELECTABLE Attribute.
You can also review the following code library example on the topic: Snippets with locked content.