RadEditor for ASP.NET AJAX

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:

CopyXML

<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 AREA
</div>

The end result will be as follows:

You can find additional information in the following MSDN article: UNSELECTABLE Attribute.

To disable the content editing in Firefox (Mozilla) use the -moz-user-select: none; css property. It is a Mozilla property extension to CSS that is used to determine whether or not an element may have its content selected.

The following sample code provides a simple "Hello, World!" text which prevents the user from selecting the content:

CopyXML

<span style="-moz-user-select: none;">Hello, World!</span>