Flex :: Content Of Spark's TextArea / RichText?
Jun 24, 2011Is it possible to get content of each line from spark's TextArea or RichText?
What I want to achieve it to split textarea's (or richtext) content into rows and modify some of them.
Is it possible to get content of each line from spark's TextArea or RichText?
What I want to achieve it to split textarea's (or richtext) content into rows and modify some of them.
I have done lots of searching on this subject, but it seems what I am finding is either out of date or just does not seem to work.With TextFields in the past, you could set the TextField to a certain width, set wordWrap to true and you would end up with a textfield that changed height according to the text you added.Now I am trying to do this with either the Spark TextArea or RichText.I tried this HeightInLines = NAN, but that seems to be out of date.I also tried this routine:
var totalHeight:uint = 10;
this.validateNow();
var noOfLines:int = this.mx_internal::getTextField().numLines;[code]....
But the mx_internal is not in the Spark components.I am trying to do this with AS3, not MXML.
I want to get the line count of the spark text area content.
View 1 RepliesI have a spark RichText that I want to change his color according with the value on text property.
Negative values get red, positives blue...
When I declare the component, I call a method to set up the css style, but when the value changes, the color is not updated.
How can I put a conditional CSS Style? Is possible to create custom skins to RichText component?
I'm trying to embed multiple fonts in a spark RichText component but not sure how to go about it. I'm wanting to be able to display bold font using tags in HTML. With the font i'm using, the regular and bold character sets are in different .ttf files.
Can I set more than one font family in CSS for a component?[code]...
I am treating a spark TextArea as text input(by setting heightInLines="1"). The TextArea is part of an mxml component and I want to resize the component when the text is changed.
I haven't been able to use textArea.measureaText(textArea.text) to get line metrics and use it. I get this error "Parameter antiAliasType must be non-null."
Is there any way to get the width of a TextArea which it is going to consume at runtime for a particular string or a particular TextFlow?
I have imported a Html text into textarea using Textconverter and it works well, but I have a problemI need to mark with "image not found" if and image inside into imported html isn't more online or simply don't exist
var string:String = '<img src="elvis.gif" />';
aTextArea.textFlow = TextConverter.importToFlow(string, TextConverter.TEXT_FIELD_HTML_FORMAT);
[code]........
The Below code is running well...
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" >
[Code].....
Then htmlText doesn't support Spark Textarea. Hence produces error. How does one go about displaying HTML formatted text with spark Text Area Property.
I'm trying to auto-resize a Spark TextArea using Flex Hero but having no luck.
EDIT: To clarify, I want to auto-resize the TextArea when typing, so there's never a scroll bar.
I want to make the background appear as if a modal window was opened but, instead of a window, I want to use Spark TextArea.. Is this possible?
View 1 RepliesI'm trying to show a horizontal line under each row of text in a Spark TextArea. I want to give the text area the look of legal paper.
View 2 RepliesI can't seem to get TextArea to render any embedded fonts in project. I've searched online and have found a couple of instances of this issue but no solutions.
I have a few fonts embedded with my app. Spark Label & the mx:TextArea (switching embedAsCFF to 'false') will display them correctly so I know they're embedded OK. I have the fontFamily value in a binding but I even tried just instantiating a new TextArea then assigning one the the embedded fonts via the fontFamily style and have had no luck.
/* In my CSS file */
@font-face {
src:url("assets/fonts/UbuntuMono/UbuntuMono-Regular.ttf");
fontFamily: UbuntuMono;
[Code].....
I have a Spark TextArea:
<s:TextArea id="editor">
<s:textFlow>
<s:TextFlow id="_tf" >
<s:p>Lorem ipsum etc.</s:p>
[code]...
But still no joy in inserting into the middle. Also, the above code wouldn't replace highlighted text, but that's not the real concern here.Based on Eugene's link the key to this is EditManager.The following code represents the working updated function:
protected function imageBtn_clickHandler(evt:MouseEvent):void {
var em:EditManager = editor.textFlow.interactionManager as EditManager;
em.selectRange(editor.selectionAnchorPosition, editor.selectionActivePosition);
[code]...
I am writing a flex application and I have two Spark TextAreas. I want to create an EventListener so that when the user clicks on a text area, the text inside the TextArea is cleared:
this.addEventListener(FocusEvent.FOCUS_IN, onFocusIn);
private function onFocusIn(ev:FocusEvent):void {
if (this._showsCaption) {
[Code]....
Currently I can implement this with a Spark TextInput, but when I click on the TextArea, the focusIn event never fires and the onFocusIn() handler is never called.
The old method for the mx:TextArea no longer works. Specifically:
myMxTextArea.verticalScrollPosition = myMxTextArea.maxVerticalScrollPosition;
I've found this method for Spark but seems a bit kludgy:
mySparkTA.scrollToRange(mySparkTA.text.length-1, mySparkTA.text.length);
Is there a more straightforward way to do this?
I'm trying to remove all line breaks from the text that is pasted into the Spark TextArea.
I have:
<s:TextArea id="inputSearchQuery"
width="100%" height="22"
[code].....
I have a simple TextArea
[Code]..
Everything works as expected, but the undo buffer is reset / stops at the point that a tab was inserted.Is there a way to ensure that the undo buffer remains in tact even with the tab inserted
I am attempting to dynamically change the color of a subset/portion of text in a Spark TextArea control. Using the MX-based TextArea, I could leverage the mx.controls.textClasses.TextRange type and change the color directly as follows:
TextRange tr = new TextRange(theTextAreaControl, false, beginIndex, endIndex);
tr.color = somePredefindColor;
Input Parameters to TextRange constructor:
1st argument: The TextArea control that will provide access to the underlying textField property
2nd argument: Indicates the TextRange will not modify the content of the TextArea
3rd argument: The beginning index position in the TextArea text string
4th argument: The ending index position in the TextArea text string
How would I go about doing this for a Spark-based TextArea control? I am looking to dynamically change the font color for a range of text, not just the entire TextArea AND I cannot statically specify the font color. The problem I run into when trying to re-use the TextRange type is that the 1st argument is expected to provide the textField property, which is currently not on the Spark-based TextArea control. I thought about extending the Spark-based TextArea control to provide this accessor property but that seems like overkill and is probably not the best approach.
How do you scroll an editable TextArea (Flex Hero) on a touch device? I am referring to the situation where the text does not fit in the TextArea height.When I try to tap and drag the text gets selected and not scrolled... Am I missing a something here? I am using verticalScrollPolicy = on (also tried auto).I am testing the code in the Blackberry Playbook simulator (my targeted device for my app).
View 2 RepliesI have an mx:TextArea and I want its height to be the same as its content height. There is nothing fancy - just a text area and text that is not editable. I need a simple and reliable way to make the control fit and show all the text without vertical scroll - something like auto resizing. Also my control's text will be set only once and will not change as it will not be editable.
<mx:TextArea id="myTextArea"
editable="false"
width="100%"
verticalScrollPolicy="off" >
<mx:text>
[Code] .....
There is one more post here on the same topic but it is not relevant to me because the setup there is a lot more complicated as it includes styling and binding.
I am trying to built something like this:
[URL]
User can not copy content from textarea in flex3. How can i implement this functionality?
I'm looking to take an object that contains String and Integer context and that has pushed upon a Stack and pop those specific contents into a display that the user can see. The display consists of two textareas and a label.I can't figure out how to access the individual parts of the Object to display them though..[code]
View 1 RepliesTrying to add some html to a TextArea in Mobile Flex 4.5 but keep getting the error:
"1180: Call to a possibly undefined method StyleableTextField."
For the following line:
StyleableTextField(txtMyText.textDisplay).htmlText = "sample <b>text</b>";
I have a flex project where I uses the spark RichText control quite extensively, there are places where it is possible for me to replace RichText with the Label control - (The rich text occurred due an import from Flash Catalyst). My question is, is there any space/performance advantage in using Label over RichText, since Label seems like a much lighter option, I am building a web app, size matters.
View 3 RepliesI am using a spark textarea which has a dynamic feed from a database I am saving a template using TextConverter.export(editor.textFlow,TextConverter.TEXT_FIELD_HTML_FO RMAT,ConversionType.STRING_TYPE).toString(); and saving it via php its a longtext in mysql database. I am not using stripslashes or muniplating the text in any way and looking at the data in the database all the whitespace is still there.
When a users selects the template to bring it back into the textarea I am using TextConverter.importToFlow(repairedst,TextConverter.TEXT_FIELD_HTML_F ORMAT);
and all my spacing is gone.
The problem, as you can see, is that the text (height and width) is nothing like the Height and Width of the compoent (Spark TextArea) that I have set via the Main.mxml file in Flex 4. This is pissing me off so much because nobody can tell me why this is happening, or how to fix it. Text is dynamically added to the TextArea as people send messages in the server, hence the valueCommit line.I don't understand this, because I know it's not the fault of my fx:Script. I know this, because when I switch over to the Design tab of Adobe Flex Builder 4; the lines are just as messed up as in the screen shot.[code]
View 2 RepliesIn the past, I used the flash.text.textField object something like this:
tf = textField();
tf.autoWrap = true
tf.autoSize = "left"
tf.width = 100;
[Code]...
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.
See the simple application created below. I have a RichTextEditor and a RichText component.The idea is to display whatever typed in the RichTextEditor in the RichText component. Everything else (I think) works except for Bullets! The conversion works as if bullets doesn't exists!
<?xml version="1.0" encoding="utf-8"?>
<s:Application width="100%"
height="100%"
[code]......
textChanged and valueCommit both event listener are attached with a spark textarea as follows:
addEventListener("textChanged",
function(event:Event):void {
colorize();
[Code]....
if I type any thing in textarea, then this colorize() function is called twice. How can I stop this one that both event should not be triggered together.
In the AdvancedDataGrid component, when you are in Edit mode in a cell, you can hit the Escape key to cancel editing (i.e. return to the previous value in the cell).I had expected the same behaviour while in Edit mode in both the Halo and Spark TextInput and TextArea components, and was surprised to find out that this is not the case.I looked at the attributes of all four components to see if this is something that I need to configure, but couldn't find anything.
View 1 Replies