{"id":8831,"date":"2014-12-15T07:12:47","date_gmt":"2014-12-15T07:12:47","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=8831"},"modified":"2014-12-17T07:52:58","modified_gmt":"2014-12-17T07:52:58","slug":"how-to-format-a-text-area-in-as3","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/how-to-format-a-text-area-in-as3\/affordablewebsitestips\/tutorials","title":{"rendered":"How to format a text area in AS3"},"content":{"rendered":"<p>Below is a main project class that creates a text area instance, adds it to the stage, creates a text area style and applies it to the text area. Formatting a TextArea object is different than <a href=\"http:\/\/2slick.com\/web\/how-to-format-the-text-in-a-text-field-in-as3\/affordablewebsitestips\/tutorials\">formatting a TextField object in AS3<\/a>.<\/p>\n<p><!--DEVFMTCODE--><pre class=\"devcodeblock\" title=\"Javascript\"><table class=\"devcodetools\"><tbody><tr><td>&nbsp;Javascript&nbsp;|&nbsp;<\/td><td style=\"background-image:url('https:\/\/2slick.com\/web\/wp-content\/plugins\/devformatter\/img\/devformatter-copy.png');background-repeat:no-repeat;background-position:50% 50%;width:16px;height:16px;\"\/><embed id=\"ZeroClipboard1\" src=\"https:\/\/2slick.com\/web\/wp-content\/plugins\/devformatter\/_zclipboard.swf\" loop=\"false\" menu=\"false\" quality=\"best\" bgcolor=\"#ffffff\" width=\"16px\" height=\"16px\" align=\"middle\" allowScriptAccess=\"always\" allowFullScreen=\"false\" type=\"application\/x-shockwave-flash\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" flashvars=\"id=1&width=16&height=16\" wmode=\"transparent\" \/><\/td><td>&nbsp;copy&nbsp;code&nbsp;|<\/td><td style=\"cursor:pointer\" title=\"DevFormatter Plugin\" onclick=\"devfmt_credits()\">?<\/td><td width=\"99%\">&nbsp;<\/td><\/tr><\/tbody><\/table><div class=\"devcodeoverflow\"><table class=\"devcodearea\" width=\"100%\"><tr><td class=\"devcodelines\" width=\"1%\">01<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #003366; font-weight: bold;\">package<\/span>  <span style=\"color: #009900;\">&#123;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">02<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">&nbsp;<\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">03<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">\t<span style=\"color: #003366; font-weight: bold;\">import<\/span> flash.<span style=\"color: #660066;\">display<\/span>.<span style=\"color: #660066;\">MovieClip<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">04<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t<span style=\"color: #003366; font-weight: bold;\">import<\/span> flash.<span style=\"color: #660066;\">text<\/span>.<span style=\"color: #660066;\">TextFormat<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">05<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">\t<span style=\"color: #003366; font-weight: bold;\">import<\/span> fl.<span style=\"color: #660066;\">controls<\/span>.<span style=\"color: #660066;\">TextArea<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">06<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t<span style=\"color: #003366; font-weight: bold;\">import<\/span> fl.<span style=\"color: #660066;\">managers<\/span>.<span style=\"color: #660066;\">StyleManager<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">07<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">&nbsp;<\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">08<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t<span style=\"color: #003366; font-weight: bold;\">public<\/span> <span style=\"color: #003366; font-weight: bold;\">class<\/span> main <span style=\"color: #003366; font-weight: bold;\">extends<\/span> MovieClip <span style=\"color: #009900;\">&#123;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">09<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">&nbsp;<\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">10<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t\t<span style=\"color: #006600; font-style: italic;\">\/\/create vars<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">11<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">\t\t<span style=\"color: #006600; font-style: italic;\">\/\/create text area object<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">12<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t\t<span style=\"color: #003366; font-weight: bold;\">var<\/span> myTextArea<span style=\"color: #339933;\">:<\/span>TextArea <span style=\"color: #339933;\">=<\/span> <span style=\"color: #003366; font-weight: bold;\">new<\/span> TextArea<span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">13<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">\t\t<span style=\"color: #006600; font-style: italic;\">\/\/create text area formatting style variable<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">14<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t\t<span style=\"color: #003366; font-weight: bold;\">var<\/span> myTextFormat<span style=\"color: #339933;\">:<\/span>TextFormat <span style=\"color: #339933;\">=<\/span> <span style=\"color: #003366; font-weight: bold;\">new<\/span> TextFormat<span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">15<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">&nbsp;<\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">16<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t\t<span style=\"color: #003366; font-weight: bold;\">public<\/span> <span style=\"color: #003366; font-weight: bold;\">function<\/span> main<span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #009900;\">&#41;<\/span> <span style=\"color: #009900;\">&#123;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">17<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">\t\t\t<span style=\"color: #006600; font-style: italic;\">\/\/ constructor code<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">18<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t\t\taddChild<span style=\"color: #009900;\">&#40;<\/span>myTextArea<span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">19<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">\t\t\tmyTextArea.<span style=\"color: #660066;\">x<\/span> <span style=\"color: #339933;\">=<\/span> <span style=\"color: #CC0000;\">30<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">20<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t\t\tmyTextArea.<span style=\"color: #660066;\">y<\/span> <span style=\"color: #339933;\">=<\/span> <span style=\"color: #CC0000;\">30<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">21<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">\t\t\tmyTextArea.<span style=\"color: #660066;\">setSize<\/span><span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #CC0000;\">400<\/span><span style=\"color: #339933;\">,<\/span> <span style=\"color: #CC0000;\">100<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">22<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t\t\tmyTextArea.<span style=\"color: #660066;\">text<\/span> <span style=\"color: #339933;\">=<\/span> <span style=\"color: #3366CC;\">&quot;Hello World&quot;<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">23<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">\t\t\t<span style=\"color: #006600; font-style: italic;\">\/\/set style formating variable<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">24<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t\t\tmyTextFormat.<span style=\"color: #660066;\">font<\/span> <span style=\"color: #339933;\">=<\/span> <span style=\"color: #3366CC;\">&quot;Arial&quot;<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">25<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">\t\t\tmyTextFormat.<span style=\"color: #660066;\">size<\/span> <span style=\"color: #339933;\">=<\/span> <span style=\"color: #CC0000;\">18<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">26<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t\t\tmyTextFormat.<span style=\"color: #660066;\">bold<\/span> <span style=\"color: #339933;\">=<\/span> <span style=\"color: #003366; font-weight: bold;\">true<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">27<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">\t\t\tmyTextFormat.<span style=\"color: #660066;\">italic<\/span> <span style=\"color: #339933;\">=<\/span> <span style=\"color: #003366; font-weight: bold;\">true<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">28<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t\t\tmyTextFormat.<span style=\"color: #660066;\">underline<\/span> <span style=\"color: #339933;\">=<\/span> <span style=\"color: #003366; font-weight: bold;\">true<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">29<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">\t\t\tmyTextFormat.<span style=\"color: #660066;\">color<\/span> <span style=\"color: #339933;\">=<\/span> 0xef0000<span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">30<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t\t\t<span style=\"color: #006600; font-style: italic;\">\/\/apply style to textarea variable<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">31<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">\t\t\tmyTextArea.<span style=\"color: #660066;\">setStyle<\/span><span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #3366CC;\">&quot;textFormat&quot;<\/span><span style=\"color: #339933;\">,<\/span> myTextFormat<span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">32<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">&nbsp;<\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">33<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">\t\t<span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">34<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">&nbsp;<\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">35<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">&nbsp;<\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">36<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">\t<span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">37<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">38<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><\/pre><\/td><\/tr><\/table><\/div><\/pre><!--END_DEVFMTCODE--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Below is a main project class that creates a text area instance, adds it to the stage, creates a text area style and applies it to the text area. Formatting a TextArea object is different than formatting a TextField object in AS3. &nbsp;Javascript&nbsp;|&nbsp;&nbsp;copy&nbsp;code&nbsp;|?&nbsp;01package &#123;02&nbsp;03 import flash.display.MovieClip;04 import flash.text.TextFormat;05 import fl.controls.TextArea;06 import fl.managers.StyleManager;07&nbsp;08 public class main [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8748,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[742,750,744,591,749],"class_list":["post-8831","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-adobe-air","tag-android-development","tag-app","tag-apps","tag-flash-professional"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=8831"}],"version-history":[{"count":3,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8831\/revisions"}],"predecessor-version":[{"id":8835,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8831\/revisions\/8835"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/8748"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=8831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=8831"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=8831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}