CharacterFormat

Similar Questions

• [Beginner] problem with CharacterFormat

  Hello world
  
  I work with TLF for a few days and I do not understand something...
  I created a textflow, and I want to apply a style (color, fontFamily...) on selected characters

  But when I use CharacterFormat, the style is applied to all the text.

  
  My first try (just change the colortext):
  Here I create my textflow:

  private var _textFlow:TextFlow = null;
                  private var _container:Sprite = null;
                  public var manager:EditManager;
  
  private function initNote():void
                  {
                          var controller:IContainerController;
                  
                          _container = new Sprite();
                          textArea.rawChildren.addChild(_container);
                          _textFlow = new TextFlow ();
                          
                          controller = new DisplayObjectContainerController(_container,textArea.width,textArea.height);
                          _textFlow.flowComposer.addController(controller);
  
                          _textFlow.addEventListener(StatusChangeEvent.INLINE_GRAPHIC_STATUS_CHANGED, graphicStatusChangeEvent);
                          
                          manager = new EditManager(new UndoManager());
                          _textFlow.interactionManager = manager;
                          
                          _textFlow.interactionManager.setSelection(0,0);
                          
                          _textFlow.flowComposer.updateAllContainers();
                          _textFlow.interactionManager.setFocus();
                  }
                  

  
  
  Here, I want to apply the selected color

  private function changeCharacterColor(event:ColorPickerEvent):void
  {
                          var cf:CharacterFormat = new CharacterFormat(currentNote.myTextFlow.characterFormat);
                          
                          cf.color = colorChar.value;
                          currentNote.myTextFlow.characterFormat = cf;
                          currentNote.myTextFlow.flowComposer.updateAllContainers();
                  }

  I checked the selection in order to be sure that it is good (thanks TextScrap options). But no problem on that side.

  I try today with myTextFlow.interactionManager.selectionState.pointFormat = cf to apply the new color. But it does not work too.

  I think I missed something. Can someone help me?

  Thank you very much.

  NB: Sorry for my bad English :/ (poor french, I'm )

  Please, download a newer version.  It works perfectly with Flex SDK 3.2.

  I think you should look at the sample code to see how the formatting is applied to a range.  There is an included Editor.

  Here are examples:

  http://opensource.Adobe.com/wiki/display/tlf/text+layout+framework

  The latest TLF is available from the "Download Flex SDK kit" link on this page.

  Kind regards

  Richard

• Type was not found: CharacterFormat

  I downloaded the latest version of the SDK Gumbo (version 4.0.0.5032) and using this SDK target (and Flash Player 10.0.0 as necessary flashplayer in FlexBuilder), I get the following errors:
  
  Type was not found or was not a compilation constant: CharacterFormat
  (similar errors for ICharacterFormat, ParagraphFormat).
  
  I understood the foregoing through:
  Import flashx.textLayout.formats.CharacterFormat;
  
  If I download latest libraries of framework for page text on the Adobe site (called textlayout_framework_p1_111808.zip zip file) and replace the files:
  
  textLayout_conversion.swc
  textLayout_core.swc
  textLayout_edit.swc
  
  in the < sdk4.0.0.5032 >/frameworks/libs with the newly downloaded files folder, I get a different game or errors:
  
  Type was not found or was not a compilation constant: ChangeElementIdOperation
  The property id access may not be defined through a reference with static type flashx.textLayout.elements:FlowElement
  
  I understood the foregoing through:
  import flashx.textLayout.operations.ChangeElementIdOperation
  
  In my project, I can't use both the CharacterFormat but also ChangeElementIdOperation. Is there a version of Gumbo that will allow me to use these two classes in my code? Is there any set of SWC, that I need to download and place in a specific folder in the installation of Flex to make the code to compile correctly?

  The format classes have been merged into a single TextLayoutFormat in a recent series of changes to the API. You can read about these changes to API on our blog: changes of API TLF in build 370

• CharacterFormat fails to take values

  I find that CharacterFormat (from ITextLayoutFormat) fails to take a 'regular' fontStyle value. Copy the following code shows the case (attached)
  
  In the first inning, that traces are as expected, setting the text italic:
  
  "existing fontWeight: normal.
  "existing fontStyle: regular.
  "new fontStyle: italic."
  ' should be: italics.
  
  But when I click on my italics button again it fails to restore the regular text because the CharacterFormat "italics" will not take a FontStyle.REGULAR value when you use a conditional assignment (ternary or if-else), the final trace shows the result of this conditional allocation, it's just never really affected (it is null). If the traces for when the text is already italic are:
  
  "existing fontWeight: normal.
  "existing fontStyle: italic."
  "new fontStyle: null".
  ' should be: ordinary.
  
  I do not use "BOLD" here so there is nothing that crosses the BOLD_ITALIC stuff.
  

  I guess that this is where I should:

  (a) read the docs in detail
  (b) do not rely on the naming conventions when it comes to string assignments

  The problem was fontStyle does not have a string found in FontStyle, it takes a string in FontPosture, so 'luckily' FontStyle.ITALIC married upward with the chain for FontPosture.ITALIC, but of course FontStyle.REGULAR did not suit instead of the string of FontPosture.NORMAL.

  It's a shame that we do not have enums real because this naming convention really threw me where other properties as fontWeight use a class that matches name-wise (FontWeight). I imagine that this will not be a problem when the ASDoc advice types of classes instead just to string.

• Error of textLayout.swc in Flex SDK3.4

  Hello

  I wrote the code using textLayout.swc in flex 3 Bulider (SDK3.4Ver)

  It generates the error with ParaGraphFormat, CharacterFormat, DisplayObjectContainerController and UpadateAllContainers

  These all are not supported if I use textLayout.swc, only if I use three textLayout_conversion.swc, textLayout_edit.swc and textLayout_core.swc then its working fine.

  Here is the code and the file is also find the attachment

  package XmlParser
  {
  import flash.display.Sprite;
  import flash.events.Event;
  import flash.text.FontStyle.
  import flash.text.engine.FontWeight;
  import flash.xml.XMLNode.
  
  Import flashx.textLayout.container.DisplayObjectContainerController;
  Import flashx.textLayout.elements.BreakElement;
  Import flashx.textLayout.elements.InlineGraphicElement;
  Import flashx.textLayout.elements.LinkElement;
  Import flashx.textLayout.elements.ParagraphElement;
  Import flashx.textLayout.elements.SpanElement;
  Import flashx.textLayout.elements.TextFlow;
  Import flashx.textLayout.formats.CharacterFormat;
  Import flashx.textLayout.formats.ParagraphFormat;
  Import flashx.textLayout.formats.TextAlign;
  Import flashx.textLayout.formats.TextDecoration;
  
  public class TextFlowInfo
  {
  private var paragraphNode:XMLNode = null;
  private var runPrntNode:XMLNode = null;
  private var paraIndex: int = 0;
  private var paraLineSize:Number = 0;
  private var paraMargin:Number = 0;
  private var paraIndent:Number = 0;
  private var paraTextAlign:String = null;
  
  private var runIndex:int = 0;
  private var runLanguage:String = null;
  private var txtLineBreak:Boolean = false;
  private var fontSize:Number = 0;
  private var fontName:String = null;
  private var textDecoration:Boolean = false;
  private var fontStyle:Boolean = false;
  private var fontWeight:Boolean = false;
  private var runColorType:String = null;
  private var fontColor:int = 0;
  
  private var innerText:String = null;
  
  private var insetNode:XMLNode;
  public function set {InsetNode(value:XMLNode):void}
  insetNode = value;
  }
  
  private var paragraphPrntNode:XMLNode;
  public function set {ParagraphPrntNode(value:XMLNode):void}
  paragraphPrntNode = value;
  }
  
  private var containerWidth:Number;
  public function set {ContainerWidth(value:Number):void}
  containerWidth = value;
  }
  private var titleAlign:String;
  public function set {TitleAlign(value:String):void}

  
  titleAlign = value;
  }
  
  private var containerHeight:Number;
  public function set {ContainerHeight(value:Number):void}
  containerHeight = value;
  }
  private var verAlign:String = null;
  / * public service value {VerAlign(value:String):void}
  verAlign = value;
  } */
  private var textFlow:TextFlow;
  private var paraElement: ParagraphElement = null;
  private var paraFormat: ParagraphFormat = null;
  private var spanElement:SpanElement = null;
  private var charFormat:CharacterFormat = null;
  private var brkElement: BreakElement = null;
  private var bulletType:String = null;
  private var bulletFont:String = null;
  private var bulletSize:Number = 0;
  private var bulletcolor:int = 0;
  private var bulletTxt:String = null;
  private var bulletImgPath:String = null;
  
  private var leftInset:Number = 0;
  private var rightInset:Number = 0;
  private var topInset:Number = 0;
  private var btmInset:Number = 0;
  
  private var linkRef:String = null;
  private var linkHref:String = null;
  private var isHyperlink:Boolean = false;
  
  public void LoadParagraphNode(textContainer:Sprite):void
  {
  textFlow = new TextFlow();
  If (titleAlign! = null) {}
  trace ("Para align I:" + titleAlign);
  textFlow.textAlign = 'center ';
  }
  If (insetNode! = null) {}
  If (insetNode.attributes ["linens"]! = undefined) {}
  textFlow.paddingLeft = parseFloat (insetNode.attributes ["linens"]);
  }
  If (insetNode.attributes ["Rin"]! = undefined) {}
  textFlow.paddingRight = parseFloat (insetNode.attributes ["rIns"]);
  }
  If (["bogus"] insetNode.attributes! = undefined) {}
  textFlow.paddingTop = parseFloat (insetNode.attributes ["tIns"]);
  }
  If (insetNode.attributes ["bIns"]! = undefined) {}
  textFlow.paddingBottom = parseFloat (insetNode.attributes ["bIns"]);
  }
  If (insetNode.attributes ["valign"]! = undefined) {}
  verAlign = insetNode.attributes ["valign"];
  If (verAlign! = null) {}
  trace ("Align:" + verAlign);
  textFlow.verticalAlign = "middle";
  }
  }
  trace ("node Medallion:" + insetNode.attributes ["linens"] + "," + insetNode.attributes ["rIns"] + "," + insetNode.attributes ["stood"] + "," + insetNod e.attributes ["bIns"]);
  }

  
  
  var paraChildLength:int = paragraphPrntNode.childNodes.length;
  trace ("paranoid chart:" + paraChildLength);
  textFlow.verticalAlign = "middle";
  for (var i: int = 0; i < paraChildLength; i ++)
  {
  paragraphNode = paragraphPrntNode.childNodes [i];
  
  If (paragraphNode.attributes ["index"]! = undefined)
  {
  paraIndex = parseInt (paragraphNode.attributes ["index"]);
  }
  If (paragraphNode.attributes ["linesize"]! = undefined)
  {
  paraLineSize = parseFloat (paragraphNode.attributes ["linesize"]);
  }
  If (paragraphNode.attributes ["marl"]! = undefined)
  {
  paraMargin = parseFloat (paragraphNode.attributes ["marl"]);
  }
  If (paragraphNode.attributes ["indent"]! = undefined)
  {
  paraIndent = parseFloat (paragraphNode.attributes ["indent"]);
  }
  
  If (paragraphNode.attributes ["algn"]! = undefined)
  {
  paraTextAlign = paragraphNode.attributes ["algn"];
  }
  paraElement = new ParagraphElement();
  textFlow.addChild (paraElement;)
  paraFormat = new ParagraphFormat();
  paraFormat.textIndent = paraMargin;
  paraFormat.marginLeft = paraMargin;
  
  If (paraTextAlign == "l") {}
  paraFormat.textAlign = TextAlign.LEFT;
  }
  Else if (paraTextAlign == "r") {}
  paraFormat.textAlign = TextAlign.RIGHT;
  }
  Else if (paraTextAlign == "j") {}
  paraFormat.textAlign = TextAlign.JUSTIFY;
  }
  Else if (paraTextAlign == "ctr") {}
  trace ("Para: textA" + paraTextAlign);
  paraFormat.textAlign = TextAlign.CENTER;
  }
  paraElement.paragraphFormat = paraFormat;
  trace ("form Para:" + paraIndex + "," + paraLineSize + "," + paraMargin + "," + paraIndent + "," + paraTextAlign);
  If (paragraphNode.childNodes.length > 0 & & paragraphNode.lastChild.nodeName == "runs")
  {
  for each (var paraChildNd:XMLNode in paragraphNode.childNodes)
  {
  Switch (paraChildNd.nodeName.toLowerCase ())
  {
  case "works":
  runPrntNode = paragraphNode.lastChild;
  trace ("chart run:" + runPrntNode);
  for each (var runNode:XMLNode in runPrntNode.childNodes)
  {
  trace ("run Para:" + runNode);
  If (runNode.attributes ["index"]! = undefined)
  {
  runIndex = parseInt (runNode.attributes ["index"]);
  }
  If (runNode.attributes ["linebreak"]! = undefined)
  {
  var lnBreak:String = runNode.attributes ["linebreak"];
  If (lnBreak == "t") {}
  txtLineBreak = true;
  }
  }
  If (runNode.attributes ["fontsize"]! = undefined)
  {
  fontSize = parseFloat (runNode.attributes ["fontsize"]);
  }
  If (runNode.attributes ["lang"]! = undefined)
  {
  runLanguage = runNode.attributes ["lang"];
  }
  If (runNode.attributes ["fontname"]! = undefined)
  {
  fontName = runNode.attributes ["fontname"];
  }
  If (runNode.attributes ["i"]! = undefined)
  {
  var tempStyle:String = runNode.attributes ["i"];
  If (tempStyle == "1") {}
  fontStyle = true;
  }
  }
  If (runNode.attributes ["b"]! = undefined)
  {
  var tempwght:String = runNode.attributes ["b"];
  If (tempwght == "1") {}
  fontWeight = true;
  }
  }
  If (runNode.attributes ["b"]! = undefined)
  {
  var tempDeco:String = runNode.attributes ["underline"];
  If (tempDeco == "sng") {}
  textDecoration = true;
  }
  }
  If (runNode.attributes ["underline"]! = undefined)
  {
  textDecoration = runNode.attributes ["underline"];
  }
  trace ("form run:" + fontSize + "," + fontColor + "," + FontName + "," + fontStyle + "," + fontWeight);
  / * If (runNode.lastChild.firstChild! = null)
  {
  innerText = runNode.lastChild.firstChild. toString();
  } */
  for each {(var runChildNd:XMLNode in runNode.childNodes)
  trace ("Para graph <>:" + runChildNd);
  {Switch (runChildNd.nodeName.toLowerCase ())}
  case 'filler ':
  
  If (runChildNd.attributes ['type']! = undefined)
  {
  runColorType = runChildNd.attributes ["type"];
  }
  If (runNode.firstChild.attributes ["color"]! = undefined)
  {
  fontColor = parseInt (runChildNd.attributes ["color"]);
  }
  trace ("color:" + runColorType + "," + fontColor);
  break;
  case 'text ':
  If (runChildNd.firstChild! = null)
  {
  innerText = runChildNd.firstChild. toString();
  }
  break;
  }
  trace ("InnerText graph" + innerText);
  }
  spanElement = new SpanElement();
  paraElement.addChild (spanElement);
  
  spanElement.text = innerText;
  charFormat = new CharacterFormat();
  charFormat.fontFamily = fontName;
  if(FontStyle == true)
  {
  charFormat.fontStyle = FontStyle.ITALIC;
  fontStyle = false;
  }
  if(FontWeight == true)
  {
  charFormat.fontWeight = FontWeight.BOLD;
  fontWeight = false;
  }
  if(TextDecoration == true)
  {
  charFormat.textDecoration = TextDecoration.UNDERLINE;
  textDecoration = false;
  }
  charFormat.fontSize = Number (fontSize);
  charFormat.fontSize = 18;
  trace ("Run Text" + spanElement.text + "," + charFormat.fontSize);
  charFormat.color = Number (fontColor);
  charFormat.color = 0xFFFFFF;
  
  spanElement.characterFormat = charFormat;
  if(txtLineBreak == true)
  {
  brkElement = new BreakElement();
  paraElement.addChild (brkElement);
  txtLineBreak = false;
  }
  trace ("text of the form:" fontName + "," + fontSize);
  }
  break;
  case "bullet":
  
  break;
  }
  }
  }
  else {}
  trace ("Break Para :");
  brkElement = new BreakElement();
  paraElement.addChild (brkElement);
  }
  textFlow.addChild (paraElement;)
  }
  this.dispatchEvent (new Event ("SuccessfullyAdded"));
  textFlow.flowComposer.addController (new DisplayObjectContainerController (textContainer, containerWidth, containerHeight));
  textFlow.flowComposer.updateAllContainers ();
  }
  
  }
  }

  Also find the attachment! 1

  Please answer

  If you use textLayout.swc , then replace:

  ParaGraphFormat, CharacterFormat to TextLayoutFormat

  DisplayObjectContainerController for ContainerController

  UpadateAllContainers for UpdateAllControllers()

• TextLayout fontFamily question

  I'm not English, please just look at, thanks

  CS4.0

  
  Import flashx.textLayout.formats.CharacterFormat;

  var cf:CharacterFormat = new CharacterFormat();
  cf.fontFamily = _font;

  Initialization is not a problem, however, when the choice to amend, at any time change the default font and can also not be changed more than style, I would like to ask how the thing ah?

  More information would be useful.  Can you post an ActionScript program to demonstrate your problem?

• Overall empty DivElements selection

  Steps to reproduce:
  create a workflow with:
  < div > < p > < span > a </span > < /p > < / div > < div > < p > < span > two </span > < /p > < / div >
  Select all, copy, paste shows, as expected, the content of these two DivElements
  but in the case of
  < div > < p > < span > a </span > < /p > < / div > < div / >< div > < p > < span > two </span > < /p > < / div >
  All select, copy, paste only shows the contents of the first DivElement
  Same problem with ElementRange. This leads to unpredictable behavior from the point of view of the users. When applying CharacterFormats to the selection, however, the bug does not occur. I tested with two versions of TLF, autonomous and the version of gumbo.

  I think that this can now be fixed; I was unable to reproduce it on our current generation. When Flex goes down a new version of TLF, try it out and let us know if you still experience a problem.

  Thank you!

  -robin

• effect of substitution on a link element

  Sorry to be a dim bulb. I have looked at doc and examples, there by can't seem to get a substitution effect occur on a binding element. I tried this
  var myText:String =
  "< TextFlow xmlns =" http://ns.adobe.com/textLayout/2008' fontFamily = 'Arial' fontSize = textIndent '12 ' = '15' marginBottom = paddingTop ' 15' = '4' paddingLeft = "4" > ' +.
  «"< CharacterFormat id ="hoverOverLink"color =" 0xff0000 "/ >» +
  "< p > < span > here is a test of a </span > ' +.
  "< an id ="word_id"href ="WORD"linkHoverFormat ="hoverOverLink"> < span fontStyle = 'italic' > Word </span > < /a > ' +.
  "< /p > < / TextFlow > ';
  
  Also I wonder what is the best way to get text smoothing smooth quality that you get when you use the static text in the Flash authoring tool.
  
  Thank you in advance for help with this.
  

  In the TextLayoutComponent displayed for CS4, I think you would need () s around hoverOverLink like this linkHoverFormat = "{hoverOverLink}".

  This has changed somewhat in the TLF build 370. In this version, the markup would be:
  http://ns.Adobe.com/TextLayout/2008">

  This is a test of a mot

  Richard

• Possible bug in TextLayout

  I have a simple questionnaire that must be worn full-time equivalents to the TextLayout framework. To get something approximating TextField.autoSize, I use an initial value more than for height and then use setCompositionSize to crop the DisplayObjectContainer down it is the right size. I have a lot of choices that are all related to a Sprite. I measure this Sprite to put the results in the choice. In the Choice class, everything seems normal. If I trace the limits with the drawing API, they are where I expect.
  
  The problem is the parent of Sprite that contains all instances of choice. Its height has not been updated to take into account the setCompositionSize.
  
  Here is the corresponding code snippets:
  
  This class creates each choice:
  _choiceSprite = new Sprite();
  _choiceSprite.x = 30;
  addChild (_choiceSprite);
  
  var choiceXML:XML = new XML ("< TextFlow characterFormat = containerFormat ' {choiceCF}" = "{offsetContainerFormat}" > < p > < / p > < / TextFlow > "");
  choiceXML.prependChild (_formats);
  choiceXML.p.appendChild (UtilityFunctions.stripTag (_xml));
  
  var choiceFlow:TextFlow = TextFilter.importToFlow (choiceXML, TextFilter.TEXT_LAYOUT_FORMAT);
  var choiceContainer:IContainerController = new DisplayObjectContainerController (_choiceSprite, 700, 700);
  choiceFlow.flowComposer.addController (choiceContainer);
  choiceFlow.flowComposer.updateContainer (choiceContainer);
  choiceContainer.setCompositionSize (700, choiceContainer.contentHeight);
  
  It draws a rectangle the size of contentHeight. It ignores the original height of 700px correctly.
  with {(graphics)
  beginFill (0 x 000000, 0);
  drawRect (0, 0, _choiceSprite.x, _choiceSprite.width, _choiceSprite.y + _choiceSprite.height);
  }
  
  
  Here is the code that the positions of the comments under the choice. Note that in this context, _choiceSprite contains ALL instances of choice. (In the code of choice above, a variable of the same name contains the TextFlow).
  _feedbackSprite.x = _choiceSprite.x;
  _feedbackSprite.y = _choiceSprite.y + _choiceSprite.height + spacing * 2;
  
  
  For some reason, the _choiceSprite is more than 700 pixels high, even if his children are far from this size. If I change the initial value in the Choice class, _feedbackSprite moves accordingly (even if the choices have already been resized).

  I think there may be a misunderstanding here. The compositionHeight is an input parameter - this is the area you want the text to fit. What size the text will be actually has to do with the amount of text it is. The height of the Sprite is a function of what display objects are in it. If there is a lot of text, then after calling updateAllContainers the Sprite will hold a lot of TextLines, and its height will be at the height of the lines. Is there is less text, then there will be fewer lines, and the height of the Sprite will be less.

• error in the document GUMBO

  method endCompositeOperation)
  public function endCompositeOperation (): void
  Ending a group of operations. Whatever operations have been conducted since the last call to beginCompositeOperation are grouped in a CompositeOperation which is then completed (i.e., added to the undo stack or if we are in a composite transaction nested, added to the parent operation).
  
  
  Example of
  
  This snippet shows how to begin, end and execute a block of operations within an EditManager.
  
  var editManager:IEditManager = SelManager as IEditManager;
  var insertPos:int = 15;
  var insertText:String = "Hello There";
  var insertSize:Number = 48;
  editManager.beginCompositeOperation ();
  SelManager.setSelection (insertPos, insertPos);
  editManager.insertText (insertText);
  SelManager.setSelection (insertPos, insertPos + insertText.length);
  var charFormat:CharacterFormat = new CharacterFormat();
  charFormat.fontSize = insertSize;
  editManager.applyFormat (charFormat);
  var op: FlowOperation = editManager.endCompositeOperation ();
  editManager.doOperation (op);
  
  
  endCompositeOperation() return void. I think that the above line should be: editManager.flushPendingOperations ();
  This is for the new generation of gumbo.
  Am I wrong?

  Yes, you are right, this example is wrong. The API for endCompositeOperation has been changed, and the sample code was not updated. It is a bug in the documentation. endCompositeOperation now performs the operation for you; If he could just read:

  var editManager:IEditManager = SelManager as IEditManager;
  var insertPos:int = 15;
  var insertText:String = "Hello There";
  var insertSize:Number = 48;
  editManager.beginCompositeOperation ();
  SelManager.setSelection (insertPos, insertPos);
  editManager.insertText (insertText);
  SelManager.setSelection (insertPos, insertPos + insertText.length);
  var charFormat:CharacterFormat = new CharacterFormat();
  charFormat.fontSize = insertSize;
  editManager.applyFormat (charFormat);
  editManager.endCompositeOperation ();

• Character/paragraph formatting question

  I looked through the specs for CharacterFormat and ParagrahFormat and I can not find the concept of changing the background color of an element FlowElement.
  
  I have gone through the code examples in finery and understand I can create graphics objects to specific locations, but I think it is a very poor substitute for the current style.
  
  If anyone has ideas or suggestions, I would be grateful.
  Thank you
  Tim

  I assume that this question has been answered in the other thread regarding highlighting