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

New Line Repeating Class

3 Answers 95 Views

Editor

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

3 Answers, 1 is accepted

answered on 15 May 2012, 06:08 AM

Hi,

Here is an example on how to strip the className attribute of the newly inserted paragraph:

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<title></title>

<style type="text/css">

.first_p_only { background-color: Red; }

</style>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="Scriptmanager1" runat="server" />

<script type="text/javascript">

function OnClientCommandExecuted(editor, args) {

var command = args.get_commandName();

if (command == "EnterNewLine") {

if ($telerik.isIE) {

editor.get_contentWindow().setTimeout(function () {

var parent = editor.getSelection().getParentElement();

parent.className = "";

var selection = editor.getSelection();

selection.selectElement(parent);

selection.collapse(true);

}, 0);

}

else {

var parent = editor.getSelection().getParentElement();

parent.className = "";

var selection = editor.getSelection();

selection.selectElement(parent);

selection.collapse(true);

}

</script>

<telerik:RadEditor runat="server" OnClientCommandExecuted="OnClientCommandExecuted" NewLineMode="P"

ImageManager-ViewPaths="~/Images" ImageManager-UploadPaths="~/Images" ID="RadEditor1">

<Content>

<p class="first_p_only">Only the first paragraph should be styled.</p>

</Content>

</telerik:RadEditor>

</form>

</body>

</html>

Greetings,
Rumen
the Telerik team

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 their blog feed now.