Question

I need to implement auto-capitalization inside of a Telerik RadEditor control on an ASPX page as a user types.

This can be an IE specific solution (IE6+).

I currently capture every keystroke (down/up) as the user types to support a separate feature called ‘macros’ that are essentially short keywords that expand into formatted text. i.e. the macro ‘so’ could auto expand upon hitting spacebar to ‘stackoverflow’.

That said, I have access to the keyCode information, as well I am using the TextRange methods to select a word (‘so’) and expanding it to ‘stackoverflow’. Thus, I have some semblence of context.

However, I need to check this context to know whether I should auto-capitalize. This also needs to work regardless of whether a macro is involved.

Since I’m monitoring keystrokes for the macros, should I just monitor for punctuation (it’s more than just periods that signal a capital letter) and auto-cap the next letter typed, or should I use TextRange and analyze context?

Answer 1

I’m not sure if this is what you’re trying to do, but here is a function (reference) to convert a given string to title case:

function toTitleCase(str) {     return str.replace(/([\w&`'‘’'“.@:\/\{\(\[<>_]+-? *)/g, function(match, p1, index, title){ // ' fix syntax highlighting         if (index > 0 && title.charAt(index - 2) != ':' &&              match.search(/^(a(nd?|s|t)?|b(ut|y)|en|for|i[fn]|o[fnr]|t(he|o)|vs?\.?|via)[ -]/i) > -1)             return match.toLowerCase();         if (title.substring(index - 1, index + 1).search(/[''_{([]/) > -1)             return match.charAt(0) + match.charAt(1).toUpperCase() + match.substr(2);         if (match.substr(1).search(/[A-Z]+|&|[\w]+[._][\w]+/) > -1 ||             title.substring(index - 1, index + 1).search(/[\])}]/) > -1)             return match;         return match.charAt(0).toUpperCase() + match.substr(1);     }); }