ActionScript 3 :: TextArea HtmlText Styling Using <span> Tag?
Oct 27, 2009
According to this webpage, the htmlText property in TextArea can handle CSS text style if using span tag. I want to format multiple tags in my code. Something like:
var tags:TextArea = new TextArea();
tags.htmlText = "<span style='color: rgb(165, 150, -90);
font-size: 0.955882610016677em'>street</span>,[code]............
It only gives me plain text. I was wondering if it is supported in the htmlText property and how do I get around this.
I basically have the same question as bder on the actionscript forums, namely if I can have my text anti-aliased if it is using an embedded font (Myriad Pro) to assign it to the htmlText property of a TextField and styling that with CSS. Everything works fine with the text embedding and styling (the font is the one I want, and all its variations - bold, italic - are shown correctly), except that it looks bad, i.e. not anti-aliased. Of course, I have tried setting the antyAliasType and gridFitType properties to all possible combinations.
I currently have two problems with Flex 3 htmlText.
1) When I am setting my text's htmlText: myText.htmlText = <html text stored in my mysql database> It calculates the height way wrong. In most cases, a ton of padding (or whitespace) is added above and below the text. I am not sure what happens, but it calculates the textHeight way higher than normally.
2) If I put <span> tags in my html, it automatically strips them out (instead of just ignoring them). I am using the span tags to be able to dynamically find certain pieces of my text. For instance: <span class="salutation">Dear,</span> <span class="tag">[First Name]</span> is inserted in my htmlText, and I use them to parse out the salutation and tag of my variable data.
Any alternative ideas on how to parse out pieces of html? Any way to improve htmlText? How to correctly measure textHeight and/or remove padding?
The problem is that there are always 2 lines in text area when it runs......when i remove this i get usual one line but then i m not able to set color and all.I want to use textarea, set different colors on it and i dont want 2 lines in that.....
the second instruction just does not work, and the textarea scrolls to the beginning (as a consequence of the first assignment). Has anyone else run into this and have you come up with any workaround?
This only happens in AIR, not FP, and only with TextArea, not with a plain input text.
I have a number of very poor-quality pdf documents that look like 80's photocopies, which I'm rebuilding in Flash (Flex Builder 3 MXML application), representing paragraphs of text in TextAreas so that selected portions can be bold or italic, or whatever I need. I need a way to apply toolTips or event listeners to individual words within the block of text to link those words to a glossary. I'm perfectly happy to create a definition panel that is populated and made visible with a mouseOver, but don't know how to do it to just a portion of the text.
I can see that when I set htmlText in a textarea control, the text property contains the html free version of the text. So there is a parser somewhere that is ripping of html from the content, which would be very usefull for my purposes. However, based on the flex source code, the setting of html is done in UITextField.as, which is the type of the textfield member of TextArea. The line that does the work is:
super.htmlText = value;
in function override public function set htmlText(value:String):void Trying to follow the class hieararchy, I end up in FlexTextField class, which extends flash player's textfield class. It appears the functionality I am after is in flash player. So is there any way of accessing this html cleaning function?
The problem is that there are always 2 lines in text area when it runs......when i remove this i get usual one line but then i m not able to set color and all.I want to use textarea, set different colors on it and i dont want 2 lines in that.....
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).
On my file I got an external XML(which I can not edit) loaded into my file. I also have a CSS file for text/link styles which works if I use my own xml file with <span> tags. But the external xml I want to use does not have the span tags so the CSS is not applied as expected... My code looks like that, how can I work it out so I can use the span tags?
I have one layer with two tween spans, and would like to have a different symbol for each span. However, I cannot seem to do this without adding a keyframe in between the spans: if I have just the two tween spans, and replace the symbol in one, the symbol in the other span is also changed. What am I doing wrong here? (Using CS4)
Recently I've found a nice on-line diagramming tool - LovelyCharts. I like the way UI is designed - you can view screenshot here. I wonder how to make an image that span across multiple components, like the LovelyCharts logo in the upper right corner of the screenshot.
I'm referring to the span of selected frames when in "Edit Multiple Frames" mode. (I've attached an image of the thing I'm talking about.) When I'm editing multiple frames, the multiple frame span "cursor"(?) always follows me around whenever I select a new frame on the timeline. Is there a way to lock it in place or prevent it from constantly changing whenever a new frame is selected?
I have created a motion tween to fade in a symbol on the stage. I have set a there is a diamond keyframe marker at the point where the alpha of the symbol goes to 100%. I want to be able to drag that marker to a later point on the motion tween span (not sure if I have my terminology right here) but I find that I cannot -- I have to delete the keyframe and recreate it at the point where I want it.
I am using the galley template from [uRL]..and after 6 menu titles it spans off screen and i want to know is there a way to span down after 6. Header 1Header 2Header 3Header 4Header 5Header 6Then 6 would be here
i have textflow with name mytextflow and after i wrote text i want to replace the text with another in array i use these code it's go write but replace the line with the second element in array line 1 with array2 and so
for ( var ii:int = start_index ; ii <= end_index ; ii++) { add_kashida(ii); }
I want the classic odometer styled counter but i want to put in some information for it to run with.. A start date, a end date and a number (e.g. meters) which needs to be reached in the given time spanThe odometer should hereafter show the current progress and increased accordingly.So i figured out how to get the time span traced out in seconds and thereby the meter increase every second (dividing: meters/seconds)Now the tricky part is to put these numbers in the odometer: The current progress and the increasement.
I have created a widget for flash that retrieves the xml rss feed and displays whatever information is in...the title, description, image, etc...Im having a problem to retrieve some very specific information from this XML feed... take a look at how the xml is configured:
can someone give me an idea how I would use a function to enlarge and change the alpha of a button but make it span over a period of time like it was an animation.a long time ago on gear78.com I think he used functions to make his buttons do what they did and it was badass. if I find another site I will post a link. if you don't know what the heck I am talking about tell me and I will try and explain it more.
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.
I have a file that is displaying .xml info in Flash. I styled the .xml document outside of flash w/ .xslt. It works fine outside of Flash but doesn't work when displayed inside of Flash- Is there a way to make this work
I'm creating accessible content for a html elearning module. I'm including video, which I have successfully imported into flash, and added captions to by linking a XML document.The issue I am having is that my styling in the XML isn't working in flash, and my captions play in a tiny horrible font, making it very difficult for people to read, therefore not making it accessible content.I've used two tutorials online to create these styles in XML but neither are working.I'm using CS5 Flash and Dreamweaver.XML content is as follows: (I have removed my content for the script)
