Comments on: Find Cursor Position in a HtmlText Object (RichTextEditor, TextArea, TextField) http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/ flex developers web corner Wed, 18 Jan 2012 13:28:25 +0000 http://wordpress.org/?v=abc hourly 1 By: hayamaroom (葉山) http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/comment-page-1/#comment-1924 hayamaroom (葉山) Wed, 23 Jun 2010 15:05:45 +0000 http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/#comment-1924 說 http://tinyurl.com/2wa72q FIND CURSOR POSITION IN A HTMLTEXT OBJECT (RICHTEXTEDITOR, TEXTAREA, TEXTFIELD) http://plurk.com/p/5ybn7s 說 http://tinyurl.com/2wa72q FIND CURSOR POSITION IN A HTMLTEXT OBJECT (RICHTEXTEDITOR, TEXTAREA, TEXTFIELD) http://plurk.com/p/5ybn7s

]]> By: mooska http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/comment-page-1/#comment-103 mooska Tue, 08 Apr 2008 09:25:47 +0000 http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/#comment-103 Well, site removed a bit from regexp (it should find closed tags) and I havent test it much ;) as I needed this fast, but the way seems ok. Well, site removed a bit from regexp (it should find closed tags) and I havent test it much ;) as I needed this fast, but the way seems ok.

]]> By: Andrei Ionescu http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/comment-page-1/#comment-101 Andrei Ionescu Tue, 08 Apr 2008 06:45:28 +0000 http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/#comment-101 Thanks mooska! Great approach... I'll post you're comment also in the second part of this series. Thanks mooska! Great approach… I’ll post you’re comment also in the second part of this series.

]]> By: mooska http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/comment-page-1/#comment-100 mooska Tue, 08 Apr 2008 00:01:27 +0000 http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/#comment-100 Well, theres much more easier way to do it :) no parsing included. <code>public static function getHtmlCaretPosition( target:UIComponent, caret:int ):int {     var range:TextRange = new TextRange( target, false, 0, caret );     var pattern:RegExp = /(.*?)(<\/([^<>]*><\/[^<>]*)*>)/gm;     var cleanHtml:String = range.htmlText.replace( pattern, "$1");     var htmlLength:int = cleanHtml.length-1;     return htmlLength; }</code> Ive almost used your code, but it seemed a bit too complicated for such an easy task ;) cheers Well, theres much more easier way to do it :) no parsing included.

public static function getHtmlCaretPosition( target:UIComponent, caret:int ):int
{
    var range:TextRange = new TextRange( target, false, 0, caret );
    var pattern:RegExp = /(.*?)(< \/([^<>]*>< \/[^<>]*)*>)/gm;
    var cleanHtml:String = range.htmlText.replace( pattern, "$1");
    var htmlLength:int = cleanHtml.length-1;
    return htmlLength;
}
Ive almost used your code, but it seemed a bit too complicated for such an easy task ;)
cheers

]]> By: Andrei Ionescu http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/comment-page-1/#comment-92 Andrei Ionescu Wed, 26 Mar 2008 15:16:10 +0000 http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/#comment-92 New article <a href="http://www.flexer.info/2008/03/26/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield-update/" rel="nofollow">here</a> with the new <strong>calculateHtmlPosition</strong> function modified to repair the flaws mentioned by Rick in previous comments. New article here with the new calculateHtmlPosition function modified to repair the flaws mentioned by Rick in previous comments.

]]> By: FLEX{er} » Blog Archive » Find Cursor Position in a HtmlText Object (RichTextEditor, TextArea, TextField) - UPDATE http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/comment-page-1/#comment-91 FLEX{er} » Blog Archive » Find Cursor Position in a HtmlText Object (RichTextEditor, TextArea, TextField) - UPDATE Wed, 26 Mar 2008 15:12:30 +0000 http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/#comment-91 [...] Object (RichTextEditor, TextArea, TextField) - UPDATE26.03.08 | Comment? Table of contentsFind Cursor Position in a HtmlText Object (RichTextEditor, TextArea, TextField)Find Cursor Position in a HtmlText Object (RichTextEditor, TextArea, TextField) - [...]

[...] Object (RichTextEditor, TextArea, TextField) – UPDATE26.03.08 | Comment? Table of contentsFind Cursor Position in a HtmlText Object (RichTextEditor, TextArea, TextField)Find Cursor Position in a HtmlText Object (RichTextEditor, TextArea, TextField) – [...]

]]> By: Andrei Ionescu http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/comment-page-1/#comment-90 Andrei Ionescu Wed, 26 Mar 2008 09:07:51 +0000 http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/#comment-90 Yes, the code is a bit messed up but we will fix it. Yes, the code is a bit messed up but we will fix it.

]]> By: Rick Banghart http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/comment-page-1/#comment-88 Rick Banghart Tue, 25 Mar 2008 18:01:13 +0000 http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/#comment-88 Sorry, but the code I just posted has the < and > failing to display. If it's impossible to understand let me know and I can send it to you. Sorry, but the code I just posted has the < and > failing to display. If it’s impossible to understand let me know and I can send it to you.

]]> By: Rick Banghart http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/comment-page-1/#comment-87 Rick Banghart Tue, 25 Mar 2008 17:55:39 +0000 http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/#comment-87 What follows is the function I came up with, thanks to the inspiration from your original function. This hasn't yet been thoroughly tested, but it seems to be working in my application. You'll notice that I chose to grab the entire tag once currentChar = <. I think it simplifies things some, and makes it much easier to respond to certain tags. Note that this assumes that htmlstr is proper html. I don't have the error checking in place in case there is no > following the <. <code> function calculateHtmlPosition(htmlstr:String, pos:int):int {     if (pos <= -1) {         return -1;     }     var htmlPos:int = 0;     var isInsideEscape:Boolean = false;     var cnt:int = 0;     for (var i:int = 0; i < htmlstr.length; i++) {         if (cnt >= pos) {             break;         }         var foundTag:Boolean = false;         var currentChar:String = htmlstr.charAt(i);         if (currentChar == "<") {             // found the open bracket, now retrieve the rest of the tag             foundTag = true;             var endOfTag:int = htmlstr.indexOf(">",i);             var tag:String = htmlstr.substring(i,endOfTag + 1);             i = endOfTag;             if (tag == "</P>") {                 cnt++;             }         }         if (currentChar == "&") {             isInsideEscape = true;         }         if (isInsideEscape) {             if(currentChar == ";") {                 isInsideEscape = false;             }         }         if (!isInsideEscape && !foundTag) {             cnt++;         }     }     return i; } </code> What follows is the function I came up with, thanks to the inspiration from your original function. This hasn’t yet been thoroughly tested, but it seems to be working in my application. You’ll notice that I chose to grab the entire tag once currentChar = <. I think it simplifies things some, and makes it much easier to respond to certain tags. Note that this assumes that htmlstr is proper html. I don’t have the error checking in place in case there is no > following the <.

function calculateHtmlPosition(htmlstr:String, pos:int):int {
    if (pos < = -1) {
        return -1;
    }
    var htmlPos:int = 0;
    var isInsideEscape:Boolean = false;
    var cnt:int = 0;
    for (var i:int = 0; i < htmlstr.length; i++) {
        if (cnt >= pos) {
            break;
        }
        var foundTag:Boolean = false;
        var currentChar:String = htmlstr.charAt(i);
        if (currentChar == "< ") {
            // found the open bracket, now retrieve the rest of the tag
            foundTag = true;
            var endOfTag:int = htmlstr.indexOf(">",i);
            var tag:String = htmlstr.substring(i,endOfTag + 1);
            i = endOfTag;
            if (tag == "") {
                cnt++;
            }
        }
        if (currentChar == "&") {
            isInsideEscape = true;
        }
        if (isInsideEscape) {
            if(currentChar == ";") {
                isInsideEscape = false;
            }
        }
        if (!isInsideEscape && !foundTag) {
            cnt++;
        }
    }
    return i;
}

]]> By: Andrei Ionescu http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/comment-page-1/#comment-80 Andrei Ionescu Mon, 24 Mar 2008 07:54:47 +0000 http://www.flexer.info/2008/03/18/find-cursor-position-in-a-htmltext-object-richtexteditor-textarea-textfield/#comment-80 Yes Rick! You're right. Can you post your modified function into a comment and I'll add them right into the article? Yes Rick! You’re right. Can you post your modified function into a comment and I’ll add them right into the article?

]]>