Red line after x words

[Erick]

Hi,
I'm searching for a solution to limit the editor input to 2000 words, instead of blocking of the input, add a red line after 2000 words and the input can be continued. Same when pasting a large text, after pasting a large text, a red line have to be added after 2000 words.

Can you please help me out with this?

Kind regards,
Jelle

[Ianko]

Hi Erick,

The desired functionality cannot be implemented with the built-in properties of the RadEditor control. You should further implement and customize such logic.

I have prepared a sample customization, which you could follow for the desired customization:

<telerik:RadEditor runat="server" ID="RadEditor1" OnClientLoad="OnClientLoad">

</telerik:RadEditor>

<script type="text/javascript">
    function OnClientLoad(editor, args) {
        editor.attachEventHandler("onkeydown", function (e) {
            var textLen = getLength(editor.get_text());
            var alowedChars = !!(e.keyCode === 8 || e.keyCode === 46)

            if (textLen >= 20 && !alowedChars) {
                addLine(editor, "red", "2px");
                e.preventDefault();
                setTimeout(function () {
                    alert("You have reached the limit of your message!");
                }, 0);
            }
        })

    }

    function getLength(text) {
        return text.length
    }

    function addLine(editor, color, height) {
        var editorContent = $telerik.$(editor.get_contentArea());
        var line = editorContent.has("#uniqueIdentifier").length;

        if (!line) editor.pasteHtml('<hr id="uniqueIdentifier" style="background-color: '
            + color + '; height: ' + height + ';" />');
    }
</script>

Note that you can find further information about the used method and the Client-side API in these articles:

• Getting familiar with Client-Side API;
• attachEventHandler;
• get_text;
• pasteHtml;

Regards,
Ianko
Telerik

[Erick]

Hi,
Thanks for your answer and semi-solution.
We will test and try this in the next version of our application.

Kind regards,
Jelle