Actionscript 3 :: Add RichEditableText Of TextArea?
Sep 11, 2011
I'm developing a Flex/AIR application built entirely in ActionScript -- there's no MXML beyond what was originally auto-created.
I need to dynamically generate some kind of editable text-field with high control over formatting. The TLF text fields all seem great, except that I can't get any of them to render on the screen. Due to the nature of the application, they have to be inside a MovieClip, but since I've read that everything must be a descendant of UIComponent, I use UIMovieClip, which is AddChild'ed to the stage.
I'm about to go crazy here, the whole application is in jeopardy over this. I CAN NOT use MXML, and all the 10,000 examples on the internet are MXML. I need to generate these dynamically. I need to generate upwards of 50 fields under one movieclip based on database data. There's no way to hardcode that with MXML. The GUI is very specific about this, and it's the right GUI.
In two days of searching, I can't find a single example in ActionScript, only MXML. I've tried everything that smelled like an example.
Is there some obvious general pointer I'm missing? I'll be happy to post code, but it doesn't make sense because I've been through so many examples.
Does anyone have the simplest possible code for creating any kind of TLF text editing field in ActionScript only (zero MXML), which is then added to a MovieClip or UIMovieClip, which is added to the stage of a desktop AIR application?
I'm trying to select the id of a textArea when it's focused in
[Code]...
Problem is TextArea is made up of RichEditableText so target doesn't actually refer to TextArea. I've tried event.target.parent.id but still not getting there. Anyone knows how to get to the bottom of this?
Unfortunately, when I start placing text in this text area. Either through code or user input, the text will be placed on a new line after about 80-100 pixels. Yet I want it to start a new line after 320 pixels (it's length).
I've got some text that includes links that I display in a RichEditableText component. How do I change the color of the links from the default blue? I tried the example posted by Peter deHaan but it doesn't work with SDK 4.1. I found a way to do this in MXML, but the text needs to be localizable which means I load it at runtime based on the locale, so I can't just include it inline with the MXML.
To recap: How do I set the link colors for a RichEditableText component that displays HTML that gets loaded at runtime?
I need selectable text that can be copied. Some users are used to copy with Ctrl+C (Cmd+C on Mac), and some are used to right click and select "Copy".
Using s:RichEditableText, there is no "Copy" in right click menu: http://d.pr/xWXW. Using mx:Text, there is "Copy" in right click menu, but it doesn't copy anything: http://d.pr/vtiw
Ctrl+C works for both s:RichEditableText and mx:Text.
Is there a property or something to enable "Copy" in right click menu for s:RichEditableText?
I am currently implementing squiggly in a flex application to enable spell checking. Due to certain requirements, I can not use SquigglyUI to hook onto my spark RichEditableText.I have successfully used com.adobe.linguistics.utils.TextTokenizer to tokenize and highlight mispelt words.I would like to be able to let the user rightclick on a mispelled word and show a I have tried to attach a listener to my RichEditableText:
richtexteditor.addEventListener("rightClick", showSuggestions); And this is my event handler: private function showSuggestions(event:MouseEvent):void{
So my program contains two spark.components.RichEditableText elements. I want to be able to copy the exact contents of one to the other. This includes text and graphics.
I want to find a way to get the character index in a Spark based RichEditableText based on mouse x, y position.The mx.controls.TextArea has a protected getCharIndexAtPoint() method but I can't find an equivalent of this in the Spark RichEditableText which is disappointing.
I'm coding this, so if you have some suggestions, please post them in code, not MXML.
but UITextfield is not a TLF component and the example for RichText does not cause the RichText height to grow with the text. What I need is a component that I can set the width, add TLF formatted text and get the height of the component once it has rendered. Just like a TextField does when you add text.
Is there a method to set the caret position within a RichEditableText control? The control's contents can contain errors that the user must fix which are navigated though via Next/Previous buttons, and during the navigation I would like to set the caret cursor to the end of each error within the text.
The above application simply navigates through the five sentences in the DATA array (every time the Next button is pressed). For whatever reason, RichEditableText component doesn't completely reset its view (by clearing the previous text) before setting new content. From what I can gather, this faulty rendering is somehow based on the combination of line count and relative width. I also discovered that if I set the width property of the RichEditableText component to an absolute value (say, 100) as opposed to relative (percentage, 100%) the text is rendered correctly. As far as I can see, this behavior is unintended and is, in fact, a bug.
For example, say I have 3 RichEditableText objects and I want to be able to highlight them all together:
<s:RichEditableText id="obj_one" width="100%" text="Click and start dragging the highlight here..." selectable="true" editable="false" fontSize="9" /> <s:RichEditableText id="obj_two" width="100%" text="Continue dragging the highlight through this one" selectable="true" editable="false" fontSize="9" /> <s:RichEditableText id="obj_three" width="100%" text="and keep going and finish highlighting them all right here" selectable="true" editable="false" fontSize="9" />
Is it even possible to make it so all three could be highlighted that way someone could Copy all three at once then past all the text somewhere? I should clarify, The reason they would be like this is because there they are in an itemRenderer so they would each be their own object in each line on the list. It would be nice though if the text could be highlighted and copied like it was all together though. Just imagine the way an end user would expect to be able to drag an highlight any other text in a standard html document to paste elsewhere.
I'm new to flex, actually I'm reading a simple tutorial about Flex 4 (I'm using flash builder 4.5) this is the tutorial.I added a RichEditableText and then I should specify the property selectionColor, but when I add it to the source code, the IDE give me an error like this property do not exist.
I've created a "Poster Maker" in Flex. The text part of the poster is written inside a TLF-based RichEditableText component. Users can choose the font for the text using a ComboBox which lists all the device fonts on the computer.
All works well, until Chinese users try to apply a Chinese font and it doesn't work. Here's a screencast of the problem (just over 1 min long). In it you can see I can write Chinese in WordPad and apply the two different Chinese fonts I have on the PC without any problems. When I switch to the Flex app and try the same it doesn't work.I'm at a loss as to why this won't work. The change event of the font picker ComboBox looks like this:
var txtLayFmt:TextLayoutFormat = editor.getFormatOfRange(null, editor.selectionAnchorPosition, editor.selectionActivePosition );
[code]....
Where selectedItem.font is the fontname of the font and is what you see as the label in the ComboBox.
I want to programmatically insert formatted text at the current cursor position in a Flex 4 (Spark) RichEditableText control. I could just modify the .text property But that doesn't allow me to insert formatted text. So I believe I need to interact with either .textFlow or .textFlow.interactionManager somehow? However, TLF is quite complex and I can't find a simple way to do what I want.
Is it possible to save text of textarea in some variable or so and with its textformat (more than one color) and then reuse it to replace text in textarea?
I tried saving htmlText of textarea but the problem is when i replace it in textarea <p> tags causes problem.There will always be another extra line.
Is it possible to save text of textarea (flash 10, as3, cs5) in some variable or so and with its textformat (more than one color) and then reuse it to replace text in textarea?
I tried saving htmlText of textarea but the problem is when i replace it in textarea tags causes problem. There will always be another extra line.
If anyone wants to view p tags problem try following. Just click on text and then move your down arrow key, cursor will go to next line.
See the problem when you fill up the RichEditableText with characters? Keep typing the word hello until you cross outside of the first visible area of the RichEditableText. things get weird. Try it out. how to prevent the weirdness? (the text starts jumping up and down)
i'm in a trouble with displaying images in my texarea. i mean that i can show the image but it does not appears in the same line on my text, it appears in the next line.
I'm working on a project where I need to make a scrollable textarea. But it needs a little perspective.. like the star wars intro text, but not so extreme.
What I need to do is to use 1 XML file to feed different content to 2 different TextArea fields. I know how to use an XML file to feed text content to a TextArea field. I figured out how to use 1 XML file to feed the same text to 2 different TextArea fields and how to use 2 XML files to feed 2 different TextArea Fields but I can't figure out 1 XML feeding 2 different sets of info to 2 different TextArea fields. Is there something I can do in AS to pull different XML tags to different TextFields?
I have a TextArea for a Chat. When I write a lot, the UIScrollBar remains on the top of my TextArea.I'd like my UIScrollBar is located at the bottom of TextArea..
Doesn't seem to be working for me. I'm using CS4 Professional version 10.0 Flash IDE (pgraded from Flash8 Pro) and can not get the textArea component to display its selection when it loses focus. I've reduced it down to the simplest FLA file I can: One Input TextField named "input_txt", one TextArea field named "text_area"
[Code]...
I type some text in either box and select it. The TextFied box shows the selection in gray when I change focus to the TextArea, but not the other way around.I've also tried text_area.textField.alwaysShowSelection = true; With and without setting the property of text_area itself.
I just downloaded flash cs5, and its wonderful, specially due the fact its support now RTL languages (we ibeen waiting 11 versions for this)
i want to create an input textarea where the user can type, than publish it as an swf movie. my movie cant use any html code since its gonna be used by Adobe Director at run-time later on.