Comments on: Find Cursor Position in a HtmlText Object (RichTextEditor, TextArea, TextField) – UPDATE

By: Ian Davies

Ian Davies — Fri, 01 Oct 2010 21:06:41 +0000

Hey,
you can get rid of the function if you use the internal namespace for the textArea – where all you want to do is insert new text.

(myRichTextComponentInstance.textArea.mx_internal::getTextField() as TextField).replaceSelectedText( "Your new Text" );

Regards
Ian

By: Andrei Ionescu

Andrei Ionescu — Sat, 14 Nov 2009 06:41:14 +0000

Chuck, thanks for sharing that nice piece of code with us. Great job!

By: Chuck Simpson

Chuck Simpson — Fri, 13 Nov 2009 22:44:21 +0000

I refactored the code and added the list item tag as a line breaking tag.

private var endtag:String;
private var tagMatcher:Object = {"<":">", "&":";"};
private var tagLength:Object = {">":0, ";":1};
private var breakingTags:Object = {"</LI>":"1", "</P>":"1", "<BR>":"1"};
private var tagContent:String = "";
 
private function getCharCount(c:String):int {
    var count:int = 1;
    endtag = endtag == null ? tagMatcher[c] : endtag;
    if(endtag != null) {
        tagContent += c;
        count = 0;
        if (endtag == c) {
            count = tagLength[endtag];
            endtag = null;
            if (breakingTags[tagContent] != null) {
                count++;
            }
            tagContent = "";
        }
    }
    return count;
}
 
public function calculateHtmlPosition(htmlstr:String, position:int):int {
    var i:int = -1;
    if (position &gt;= 0) {  
        var count:int = 0;     
        for (i = 0; i &lt; htmlstr.length; i++) {
            if (count &gt;= position) {
                return i;
            }
            count += getCharCount(htmlstr.charAt(i));
        }
    }
    return i;
}

By: Ken

Ken — Wed, 14 Oct 2009 06:26:42 +0000

For adding something like a copyright or registration symbol I just use

private function addMark(v:String):void
{
    rte.selection.htmlText = v;
    rte.selection.beginIndex++;	
}

Then I just call the method sending the html I want inserted.

By: Andrei Ionescu

Andrei Ionescu — Mon, 27 Jul 2009 17:14:39 +0000

Thanks Ahmad. Great job!

By: Ahmad Hamid

Ahmad Hamid — Mon, 27 Jul 2009 12:34:34 +0000

ah well I have both functions html-to-text and text-to-html as part of my spellcheck/trackchanges highlight code. You can find it in the Highlighter.as class at the end.
http://flexbuzz.blogspot.com/2009/07/flex-textarea-track-changes-highlight.html

By: Ahmad Hamid

Ahmad Hamid — Thu, 23 Jul 2009 14:10:49 +0000

Hey, I rewrote the function using regular expressions to convert html to tokens of tags , entities and text before searching for the index in html. I posted the function at http://flexbuzz.blogspot.com/2009/07/text-index-to-html-index-conversion.html

By: Tomer

Tomer — Sun, 21 Jun 2009 12:40:28 +0000

This is great, thanks .

Is there also a way then to do the vise-versa, find the text position of a htmlText place?

By: Ad

Ad — Mon, 25 May 2009 17:32:54 +0000

I had a bug because of a semicolon in my text !

I found a solution :
(at the end of the code)

//...
else {
tagContent += currentChar;
// } <== Just by mooving that brace
if (currentChar == closeTags[tagId]) {
...
}
} // <== HERE

I hope it will not break anything else… It seems to be ok.

By: Romulo

Romulo — Thu, 09 Apr 2009 15:41:04 +0000

excelent work there Andrei!
i´ve recently developed a kind of auto complete inside an textarea (in html/js) and now im trying to do the same on flex. Your script will help a lot in the development, but there is still one part missing.

In order to correctly position the suggestion list i need to find the position (x,y) of the word relative to the textarea. You know a way to get it? Thanks in advance.

Keep the good job up!