LaTeX or MathML support in RichText / TextFlow

I need to display complex text such as the following:
I couldn't find any built-in / out-of-the-box ability in RichText / TextFlow to display such text. There are a few industry standards (LaTeX, MathML, troff/eqn, etc) to define such complex text. Is there any plan to support any of these Math construct standards in Spark text components?
Thanks!

There is no plan to support complex math expression till now.
That expression can be exported as picture, right?
I think you can insert your pic of math expression as an *InlineGraphic*, which is a feature in the new text engine.

Similar Messages

Squiggly 0.5 now available with native support for TLF TextFlow objects!

I am happy to announce the release of Squiggly 0.5 on Adobe Labs!
The two new enhancements to this version of Squiggly are:
1. Native support for TLF TextFlow objects
Now you can add spell checking to native ActionScript applications without any dependency on Flex
2. Modularization of code for greater customizability
One of the cool things about Squiggly was the SpellUI class, which gave you a single line integration of spell checking to your Flex apps. With this release of Squiggly, we have exposed some of the sub-classes that make up SpellUI, which will allow you to further customize Squiggly's behavior. It is now much easier to write your own Squiggly UI or control how the spelling engine behaves.
Please let us know how this suites your needs, and what direction you would like to see us take this technology. Now that we have completed some critical refactoring work in the underlying technology, our next focus will be in adding support for additional languages, such as German and French.
Happy Spell Checking!
- Bruce, Adobe

HI,
I need to add Squiggly to my TLF 2 editor.
Could you please tell me where I can find some samples or guidelines on how to add Squiggly 0.5 with TLF TextFlow.
Thanks

Does any one know how can I implement a LaTeX to MathML convertor ?

I know this isn't the right place to ask this question, but if any one can help me with some documentation or ideas of how can I do this please post a reply.
Thanks!
Cristian

Not sure what you mean by "re-flowable" in iBooks Author if you copy a few pages of text from Word or pages and paste into a flowing text template - it will flow and open pages..ditto import from Word or Pages. But once in place... its fixed to the reader.

Webkit and safari supporting mathml -- when AIR HTML component supports MATHML

latest version of Safari that uses webkit supports MATHML.
When can the AIR HTML component supports MATHML support for viewing the expressions.

penugonda wrote:
latest version of Safari that uses webkit supports MATHML.
Hmm. Don't know I'd go so far as to say that. Here's a more complete picture: "Webkit has an experimental MathML implementation which is enabled in Safari but the support is still limited and the rendering quality not very high. This implementation has not passed Google's security review and so is not integrated yet in Chrome."
MathML support is far from complete in Safari and other Webkit browsers.

Runtime Error when setting the textFlow of a TextArea with specific size

Hi All
When trying to set the textFlow of a Textrea with a specific size (412x258) the flash player crashes because of a 15 sec loop. Could you please help me on this?
Please find the code below:
<?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" minWidth="955" minHeight="600"creationComplete="init()"
>
<fx:Script>
<![CDATA[
import flashx.textLayout.conversion.TextConverter;
private var tfText:String = '<TextFlow columnCount="inherit" columnGap="inherit" columnWidth="inherit" lineBreak="inherit" paddingBottom="inherit" paddingLeft="inherit" paddingRight="inherit" paddingTop="inherit" verticalAlign="inherit" whiteSpaceCollapse="preserve" xmlns="http://ns.adobe.com/textLayout/2008"><p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textDecoration="none" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default">THE BEAUTIFUL NEW VAGUENESS<p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="italic" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textDecoration="none" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default">How do I learn to love the non-predictability of the world?<p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default"><p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default">Nothing is as it is forever. Time and again, everything changes. Again and again, the unpredictable happens, chaos breaks out constantly. Things never stay in order, things can never be effectively planned!<p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default"><p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default">The problem of contingency, of the non-predictability of personal and professional development, is problematic for many people. Continually, they see themselves questioned existentially. – Delité describes six effective ideas to overcome this problem. With a new attitude to this problem:<p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default"><p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default">1. Idea: We are children of evolution<p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default">2. Idea: Primal fear AND basic trust<p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default">3. Idea: A sensible attitude towards work<p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default">4. Idea: The illusion of secondary virtues<p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default">5. Idea: The end of self-pity<p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default">6. Idea: Loving life<p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textDecoration="underline" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default">Read more here<p color="#000000" direction="ltr" fontFamily="Arial" fontSize="12" justificationRule="auto" justificationStyle="auto" kerning="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="justify" textAlignLast="start" textIndent="0" textJustify="interWord" trackingRight="0"><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="11" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textDecoration="underline" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default"></TextFlow>';
private function init():void{
this.richText.textFlow = TextConverter.importToFlow(this.tfText, TextConverter.TEXT_LAYOUT_FORMAT);
trace(this.richText.text)}
]]>
</fx:Script>
<s:TextArea name="richText" id="richText" x="0" y="0" width="412" height="258" horizontalScrollPolicy="
auto" verticalScrollPolicy="auto" selectable="true" borderVisible="
false" editable="false" contentBackgroundAlpha="0" paddingRight="15"renderingMode="
cff" fontLookup="embeddedCFF" cffHinting="horizontalStem"/></s:Application>
The Error details:
Error: Error #1502: A script has executed for longer than the default timeout period of 15 seconds.
at flashx.textLayout.compose::BaseCompose/fitLineToParcel()[C:\Vellum\branches\v1\1.1\dev\ou tput\openSource\textLayout\src\flashx\textLayout\compose\BaseCompose.as:536]
at flashx.textLayout.compose::ComposeState/composeNextLine()[C:\Vellum\branches\v1\1.1\dev\o utput\openSource\textLayout\src\flashx\textLayout\compose\ComposeState.as:312]
at flashx.textLayout.compose::BaseCompose/composeParagraphElementIntoLines()[C:\Vellum\branc hes\v1\1.1\dev\output\openSource\textLayout\src\flashx\textLayout\compose\BaseCompose.as:3 95]
at flashx.textLayout.compose::ComposeState/composeParagraphElement()[C:\Vellum\branches\v1\1 .1\dev\output\openSource\textLayout\src\flashx\textLayout\compose\ComposeState.as:272]
at flashx.textLayout.compose::BaseCompose/composeBlockElement()[C:\Vellum\branches\v1\1.1\de v\output\openSource\textLayout\src\flashx\textLayout\compose\BaseCompose.as:219]
at flashx.textLayout.compose::BaseCompose/composeInternal()[C:\Vellum\branches\v1\1.1\dev\ou tput\openSource\textLayout\src\flashx\textLayout\compose\BaseCompose.as:372]
at flashx.textLayout.compose::ComposeState/composeInternal()[C:\Vellum\branches\v1\1.1\dev\o utput\openSource\textLayout\src\flashx\textLayout\compose\ComposeState.as:134]
at flashx.textLayout.compose::BaseCompose/composeTextFlow()[C:\Vellum\branches\v1\1.1\dev\ou tput\openSource\textLayout\src\flashx\textLayout\compose\BaseCompose.as:339]
at flashx.textLayout.compose::ComposeState/composeTextFlow()[C:\Vellum\branches\v1\1.1\dev\o utput\openSource\textLayout\src\flashx\textLayout\compose\ComposeState.as:102]
at flashx.textLayout.compose::StandardFlowComposer/http://ns.adobe.com/textLayout/internal/2008::callTheComposer()[C:\Vellum\branches\v1\1.1\ dev\output\openSource\textLayout\src\flashx\textLayout\compose\StandardFlowComposer.as:678 ]
at flashx.textLayout.compose::StandardFlowComposer/internalCompose()[C:\Vellum\branches\v1\1 .1\dev\output\openSource\textLayout\src\flashx\textLayout\compose\StandardFlowComposer.as: 758]
at flashx.textLayout.compose::StandardFlowComposer/compose()[C:\Vellum\branches\v1\1.1\dev\o utput\openSource\textLayout\src\flashx\textLayout\compose\StandardFlowComposer.as:821]
at flashx.textLayout.container::TextContainerManager/compose()[C:\Vellum\branches\v1\1.1\dev \output\openSource\textLayout\src\flashx\textLayout\container\TextContainerManager.as:1207 ]
at flashx.textLayout.container::TextContainerManager/updateContainer()[C:\Vellum\branches\v1 \1.1\dev\output\openSource\textLayout\src\flashx\textLayout\container\TextContainerManager .as:1294]
at spark.components::RichEditableText/updateDisplayList()[E:\dev\4.x\frameworks\projects\spa rk\src\spark\components\RichEditableText.as:2601]
at mx.core::UIComponent/validateDisplayList()[E:\dev\4.x\frameworks\projects\framework\src\m x\core\UIComponent.as:8709]
at mx.managers::LayoutManager/validateDisplayList()[E:\dev\4.x\frameworks\projects\framework \src\mx\managers\LayoutManager.as:663]
at mx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\4.x\frameworks\projects\framewo rk\src\mx\managers\LayoutManager.as:736]
at mx.managers::LayoutManager/doPhasedInstantiationCallback()[E:\dev\4.x\frameworks\projects \framework\src\mx\managers\LayoutManager.as:1072]
Thank you for your support!

This bug should be fixed in SDK 4.5. Please use the latest SDK.
My environment is FlashBuilder 4.5 premium and its default SDK 4.5. It's all right on my machine.
Thanks

TLF with Flex Spark RichText ColumnCount - only getting one column

Hey, I'm new to using TLF, I'm just trying to get a block of text to display its text flow as 3 columns. I'm using the Spark RichText control (this uses the TLF right?). I have given the control an explicit width of 800 and a height of 200. I've then attached a css style wich specifies a columnCount of 3 for the control. I then populated the controls content property with xml representing a textflow using the tlf markup. I expected this to result in 3 colums of text that are 200px high and each one around 253px wide (allowing 20px columnGap).
However the actual result is a single column that is 253px wide and the text extends beyond the 200px bounds of the RichText control wich does seem to have the correct height of 200px. So it seems the TextFlow is getting that it needs to fit into the columns correctly but it's ignoring the height of the RichText container and so never reaches a bottom so that it can break over to the next column.
How do i get the RichTexts textflow to listen to the RichTexts height and break over to the next column when it reaches the bottom. Do i need to be setting the height of the text flow or somthing.
I'm using the flash builder/ gumbo beta release from the adobe labs site and the TLF version that comes with that version of the sdk. So maybe this is a bug? I cant find any tutorials or solid info about how to use the RichText control to make columns of text so everything I have done here has been guess work, is there anything i am missing?
Heres the relevent code bits....
<s:RichEditableText
id="shippingBody"content="
{SHIPPING_COPY}" styleName="
footerBody"height="
200" width="800" />
public
<TextFlow xmlns="http://ns.adobe.com/textLayout/2008">
doopey dooo Lorem ipsum dolor sit amet... 

</TextFlow> ;
static var SHIPPING_COPY:XML =
.footerBody {
font-family: Verdana;
color: #999999;
font-size: 10pt;
line-height: "200%";
trackingRight:"10%";
font-grid-fit-type:pixel;
column-count:3;
text-align: justify;
text-align-last: left;}

Hey just a quick update to let you know this seems to be working now! not too sure whats happend, tried a few different things then ended up back at my origional possition and it has broken up into the columns! I feel like I hit an old TV on the side and the picture went clear .
One thing of note that held me up for a while... I read in the decs that the default column gap is 20px so i didn't bother to change it... turns out it wasn't, it was 0px. Combine this with some confusing looking lorem ipsum copy, and I had what appeared to be a solid block of text... meaning i had my 3 columns for a while without realising my achivement... just a little tip incase anyone else out there stumbles on the same thing

Textflow examples...how to export to db

Hi,
I'm studying the textflow framework examples and see that they use a canvas + sprite child with an editManager and IEditManager rather than the textarea. My question is, once the user has made all the formatting changes, how can I export the contents to a database to save it? I know with the textarea component there was the htmlText, but I'm not seeing an option of sorts. Flex will be the only accessor of this info.
Thank you!

The TextConverter class supports converting a TextFlow to and from a string. For example,
var markup:String =TextConverter.export(textFlow,TextConverter.TEXT_LAYOUT_FORMAT,ConversionType.STRING_TYP E)
and
var textFlow:TextFlow = TextConverter.importToFlow(markup, TextConverter.TEXT_LAYOUT_FORMAT);
TextLayoutFormat roundtrips with all properties and content.
Richard

Textflow link element doesn't work after append to an existed textflow

It's a strange problem
I have two textflow container : RichEditableText
the first one I new the textflow2 everytime I clicked the button,and append a link returned by getElement
the second one I initially new a textflow and reused it to append new link returned by the same function getElement
but the strange thing is , the first one works just fine ,but the second one 's link seems invalid with no hand cursor nor function
thanks a lot for any clue or comment
<?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" minWidth="400" minHeight="300">
 <s:layout>
 <s:BasicLayout/>
 </s:layout>
 <fx:Script>
 <![CDATA[
 import flashx.textLayout.elements.LinkElement;
 import flashx.textLayout.elements.ParagraphElement;
 import flashx.textLayout.elements.SpanElement;
 import flashx.textLayout.elements.TextFlow;
 [Bindable] public var textFlow:TextFlow = new TextFlow();
 [Bindable] public var textFlow2:TextFlow = new TextFlow();
 protected function button1_clickHandler(event:MouseEvent):void
 textFlow2 = new TextFlow();
 textFlow2.addChild(getElement());
 textFlow.addChild(getElement());
 private function getElement():ParagraphElement{
 var linkSpan:SpanElement = new SpanElement();
 linkSpan.text = "link";
 var link:LinkElement = new LinkElement();
 link.addChild(linkSpan);
 link.href = "event:ok"
 var p:ParagraphElement = new ParagraphElement();
 p.addChild(link);
 return p;
 ]]>
 </fx:Script>
 <fx:Declarations>
 
 </fx:Declarations>
 <s:RichEditableText editable="false" text="RichText" width="180" height="165" textFlow="{textFlow2}" />
 <s:RichEditableText editable="false" x="196" text="RichText" width="180" height="165" textFlow="{textFlow}" />
 <s:Button x="116" y="217" label="button" click="button1_clickHandler(event)"/>
</s:Application>

Thanks for your timely reply!
I swtiched to tlf2.0 and replaced the two as files downloaded from tlt homepage, the problem seems gone.
But here's another one !
The link worked only some firstly added ones, the next added ones can not click.
repoduce steps
use the code below with tlf2.0 and flex sdk4.1 updated version
click the button few more times till the scroller begin to work
check the links at the bottom, they don't work,
<?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" minWidth="400" minHeight="300">
 <s:layout>
 <s:BasicLayout/>
 </s:layout>
 <fx:Script>
 <![CDATA[
 import flashx.textLayout.elements.LinkElement;
 import flashx.textLayout.elements.ParagraphElement;
 import flashx.textLayout.elements.SpanElement;
 import flashx.textLayout.elements.TextFlow;
 [Bindable] public var textFlow:TextFlow = new TextFlow();
 [Bindable] public var textFlow2:TextFlow = new TextFlow();
 protected function button1_clickHandler(event:MouseEvent):void
// textFlow2 = new TextFlow();
// textFlow2.addChild(getElement());
 textFlow.addChild(getElement());
 textFlow.flowComposer.updateAllControllers();
 scrollerChat.verticalScrollBar.value = ret.contentHeight;
 private function getElement():ParagraphElement{
 var linkSpan:SpanElement = new SpanElement();
 linkSpan.text = "link";
 var link:LinkElement = new LinkElement();
 link.addChild(linkSpan);
 link.href = "event:ok"
 var p:ParagraphElement = new ParagraphElement();
 p.addChild(link);
 return p;
 ]]>
 </fx:Script>
 <fx:Declarations>
 
 </fx:Declarations>
 <s:RichEditableText id="ret2" editable="false" text="RichText" width="180" height="271" textFlow="{textFlow2}" />
 <s:Scroller id = "scrollerChat" x="193" width="180" height="271" verticalScrollPolicy="on" >
 <s:RichEditableText id="ret" editable="false" text="RichText" textFlow="{textFlow}" y="0"/>
 </s:Scroller>
 <s:Button x="381" y="9" label="button" click="button1_clickHandler(event)"/>
</s:Application>

Latex and Latex Allergy

Latex allergy is common - and I have it bad. I've tolerated several iPhones starting with the 3G, but am bothered by the cables and earbuds. Do the cables and buds have exposed latex?
Apple Support is no help - so I assume there is latex that Apple doesn't want to make public.
AT&T store didn't say yes or no, but pointed out some alternative cables and buds that were labled "Latex Free".
Which iPhones have exposed latex?
Which Apple products have exposed latex?

I think this question needs answering a little attention!

How to insert and edit equations with Math Type in IBA??

Hi,
I want to add fractions in IBA with Math Type.
Here is what i found:
And here is the General Preferences
Like you see, i can't select Insert and edit equations with Math Type, it's grey.
How can i use Math Type?
Tx

We have an article that describes not only how to use MathType with iBooks Author (iBA), but also using LaTeX and MathML. http://www.dessci.com/en/support/mathtype/works_with.asp#!target=ibooks_author_m ac
It's important to note that no matter how you get equations into iBA, all equations are represented as MathML in the published iBook. (except, obviously I hope, equations that are simply images that you insert)
If you need more help, feel free to ask here.
Bob Mathews
Design Science

Problem with TLF - floating an inline image

I am running the latest version of Flash Builder 4 (4.0.1). The problem that I having:
When I use an InlineGraphicsElement if aTextFlow (in a RichEditableText component), if I set a value for the "float" attribute of an <img> element; the image is not visible. Without the float attribute, I see the image.
Is this a version problem with TLF? How do I know which version of TLF that I'm using? How do I install the correct version of TLF?
Thanks for the help.
 Oz
Some code fragments:
The TextFlow string with "float":
<div color="#444444" fontFamily="Times New Roman" fontSize="20" paragraphSpaceAfter="15" textIndent="10">
Alice, really, was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, `and what is the use of a book,' thought Alice `without pictures or conversation?'

<img float="left" width="100" source="assets/library/alice/images/White Rabbit.png" height="100"/>
So she was considering in her own mind(as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.
</div>
Without "float":
<div color="#444444" fontFamily="Times New Roman" fontSize="20" paragraphSpaceAfter="15" textIndent="10">
Alice, really, was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, `and what is the use of a book,' thought Alice `without pictures or conversation?'

<img width="100" source="assets/library/alice/images/White Rabbit.png" height="100"/>
So she was considering in her own mind(as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.
</div>
A bit of MXML code:
 <s:Group id="myGroup" width="100%" height="100%">
 <s:RichEditableText id="myRichText" lineBreak="toFit">
 </s:RichEditableText>
 
 </s:Group>
And some Actionscript that adds components:
 scroller = new SxScroller();
 scroller.dx = dxScroller;
 scroller.dy = dyScroller;
 scroller.addEventListener(FlexEvent.CREATION_COMPLETE,scrollerEvent);
 scroller.addEventListener(FlexEvent.UPDATE_COMPLETE,scrollerEvent);
 richText = scroller.richText;
 richText.editable = false; // textCharacter.enableEdit; // probably false. TODO: support true???
 richText.selectable = true; // required
 richText.width = dxRichText;
And finally the import of a TextFlow string:
richText.textFlow = TextFlowUtil.importFromString(textFlowString, WhiteSpaceCollapse.PRESERVE);

On the TextFlow forum I found the answer:
Use Flash Builder Hero, since it support TLF 2.0 out-of-the-box. The InlineGraphics support several valuable attributes, including float="left" etc.
Beautiful.

Can textbox recognise subscript,superscript & mathematical equations in LC ES designed forms

hi all
I would like to know if its possible to make forms designed in LC ES take subscript,superscript and mathematical equations? in text boxes? i hope my question is clear.
i would appreciate any help e.g
F(x) = X2 + X + 1
F(x) = X2+ X + 1

Complex formulas need a special language to be entered and displayed properly.
This will be impossible to to with regular text fields even if you use rich text.
Generally the language therefore is either MathML or LaTeX.
MathML is XML based such as the forms created with designer - sounds pretty close, isn't it?!
But wait, a research ended up with the fact that MathML is not supported by Designer or Acrobat/Reader etc., so you won't be able to use it.
Too bad.
Maybe you/someone can create own flash contents with the sources provided by http://www.fmath.info/ which than can be used in the Flash fields introduced with ADEP Designer (Designer 10).

RichEditableText with embedded images does not handle mouse events reliably

I'm using Flash Builder "Burrito". downloaded a couple of weeks ago. Flash Player 10.1.85.3 debug version.
I have the following MXML object:
<s:Scroller
width="100%" height="100%"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
skinClass="components.skins.SxScrollerSkin"
>
<s:Group id="myGroup" width="100%" height="100%">
<s:RichEditableText id="myRichText" >
</s:RichEditableText>

</s:Group>
</s:Scroller>
With the following Actionscript to initialize, etc.
 textContainer = new SxBorderContainer(name);
 textContainer.dx = dxAvailable;
 textContainer.dy = dyAvailable;
scroller = new SxScroller();
scroller.move(dxPadding,dyPadding);
scroller.dx = dxAvailable
scroller.dy = dyAvailable;
textContainer.addElement(scroller);
var richText:RichEditableText;
richText = scroller.richText;
richText.toolTip = toolTip;
richText.enabled = true; // required for mouse click capture
richText.selectable = true; // required for mouse click capture
richText.width = dxAvailable
 var textFlow:TextFlow = TextFlowUtil.importFromString(textFlowString, WhiteSpaceCollapse.PRESERVE);
 richText.textFlow = textFlow;
And the following code to catch events:
 richText.addEventListener(FlowElementMouseEvent.MOUSE_DOWN,userMouseEvent);
 richText.addEventListener(FlowElementMouseEvent.MOUSE_UP,userMouseEvent);
 richText.addEventListener(FlowElementMouseEvent.CLICK,userMouseEvent);
Here's the problem. If I have embedded images in the TextFlow that is imported into the richText, I only catch "some" mouse clicks. It's hard to know, but it seems that only mouse clicks into white space (between paragraphs) are caught. Mouse up and down are caught, but not "click". Very puzzling.
TextFlow like this:
 <TextFlow>
 <div color="#442222" fontFamily="Times New Roman" fontSize="20" paragraphSpaceAfter="15" textIndent="15">
 
 
 Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, `and what is the use of a book,' thought Alice `without pictures or conversation?'
 
 
 
 So she was considering in her own mind
 <img source="assets/library/alice/images/White Rabbit.png" height="auto" width="auto" float="left" />
 (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.
 
If there are no embedded imags, I get all clicks exactly.
Is it a bug? Am I missing something?
Thanks,
Oz

Thanks for the answer. First I need clicks anywhere in the RichEditableText (no links or images). I use the selection manager to find the exact word that was clicked.
The next step would be to capture clicks on links and images.
I have tried using MouseEvent and had the same result (or worse) as FlowElementMouseEvent. I will go back and retest with your suggestion.
Oz
Result of retest:
I catch clicks only over images embedded in the TextFlow. I catch only mouse up/down over text - both MouseEvent and FlowElementMouseEvent.
Puzzling. Where are the clicks going?

Flex SDK version 4.5.1 upgrade issue

I recently upgraded from Flex SDK version 4.1.0.16076 to 4.5.1 and this upgrade broke one of the key functionalities in my application.
Wherever the s:DataGroup itemRenderer's s:RichText textFlow has <img> element, it throws the following error in debug Flash player:
TypeError: Error #2007: Parameter child must be non-null.
at flash.display::DisplayObjectContainer/addChild()
at flashx.textLayout.factory::TextFlowTextLineFactory/callbackWithTextLines()[C:\Vellum\bran ches\v2\2.0\dev\output\openSource\textLayout\src\flashx\textLayout\factory\TextFlowTextLin eFactory.as:267]
at flashx.textLayout.factory::TextFlowTextLineFactory/createTextLinesInternal()[C:\Vellum\br anches\v2\2.0\dev\output\openSource\textLayout\src\flashx\textLayout\factory\TextFlowTextL ineFactory.as:245]
at flashx.textLayout.factory::TextFlowTextLineFactory/createTextLines()[C:\Vellum\branches\v 2\2.0\dev\output\openSource\textLayout\src\flashx\textLayout\factory\TextFlowTextLineFacto ry.as:104]
at spark.components::RichText/createTextLines()[E:\dev\4.5.1\frameworks\projects\spark\src\s park\components\RichText.as:1296]
at spark.components::RichText/http://www.adobe.com/2006/flex/mx/internal::composeTextLines()[E:\dev\4.5.1\frameworks\pro jects\spark\src\spark\components\RichText.as:1173]
at spark.components.supportClasses::TextBase/measure()[E:\dev\4.5.1\frameworks\projects\spar k\src\spark\components\supportClasses\TextBase.as:534]
at mx.core::UIComponent/measureSizes()[E:\dev\4.5.1\frameworks\projects\framework\src\mx\cor e\UIComponent.as:8496]
at mx.core::UIComponent/validateSize()[E:\dev\4.5.1\frameworks\projects\framework\src\mx\cor e\UIComponent.as:8420]
at mx.managers::LayoutManager/validateClient()[E:\dev\4.5.1\frameworks\projects\framework\sr c\mx\managers\LayoutManager.as:987]
at mx.core::UIComponent/validateNow()[E:\dev\4.5.1\frameworks\projects\framework\src\mx\core \UIComponent.as:8067]
at spark.components::DataGroup/initializeTypicalItem()[E:\dev\4.5.1\frameworks\projects\spar k\src\spark\components\DataGroup.as:297]
at spark.components::DataGroup/ensureTypicalLayoutElement()[E:\dev\4.5.1\frameworks\projects \spark\src\spark\components\DataGroup.as:352]
at spark.components::DataGroup/measure()[E:\dev\4.5.1\frameworks\projects\spark\src\spark\co mponents\DataGroup.as:1354]
at mx.core::UIComponent/measureSizes()[E:\dev\4.5.1\frameworks\projects\framework\src\mx\cor e\UIComponent.as:8496]
at mx.core::UIComponent/validateSize()[E:\dev\4.5.1\frameworks\projects\framework\src\mx\cor e\UIComponent.as:8420]
at mx.managers::LayoutManager/validateSize()[E:\dev\4.5.1\frameworks\projects\framework\src\ mx\managers\LayoutManager.as:665]
at mx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\4.5.1\frameworks\projects\frame work\src\mx\managers\LayoutManager.as:816]
at mx.managers::LayoutManager/doPhasedInstantiationCallback()[E:\dev\4.5.1\frameworks\projec ts\framework\src\mx\managers\LayoutManager.as:1180]
If I downgrade to 4.1.0.16076, the issue goes away!
Has anyone seen this issue? Any idea on how to fix it? Please help!

I created a new simple Flex project to recreate the issue but I'm unable to reproduce the error condition.
Is there any other way I can provide the needed information? Can you point me to what you refer to as sample test case, so that I can provide you the info in appropriate form.
For what it's worth, here are the screenshots:
With SDK 4.1.0.16076
With SDK 4.5.1:

How to use HTML in JavaFX controls?

Does JavaFX support using HTML in JavaFX controls' text? For example, in Swing components:
button = new JButton("<html><center>Enable "
+ "middle button</html>");
If no, could we find a workaround?

Embedding a WebView in a Labeled for HTML Rendering
A WebView is a node which displays HTML.
Most controls implement Labeled, or have elements that are Labeled.
A Labeled has a setGraphic(node) method which allows you to set the graphic attached to the labeled to any given node (including a WebView).
For instance:
WebView webview = new WebView();
webview.getEngine().loadContent("<html><center>Enable middle button</html>");
webview.setPrefSize(150, 50);
Button buttonWithHTML = new Button("", webview);
should create a button with html in it (I didn't actually try running the above example).
Apart from the relatively slow startup time on first use and the overhead (which I can't quantify) of using WebView in this way, there are a couple of jira requests outstanding which make it a little bit of a nuisance.
RT-25004 Allow for transparent backgrounds in WebView
RT-25005 Automatic preferred sizing for WebView
You can vote for the above jira requests or comment on them if such functionality is important to you.
TextFlow/FXML/CSS Alternative
Rather than using html in the Labeled, support for the TextFlow control was introduced in Java 8, so that could be used instead.
TextFlow also works well with FXML and css if you prefer to have the stuff in the TextFlow managed via markup and a declarative styling language.
Open Feature Request
There is an open feature request RT-2160 HTML support for text which is currently scheduled for implementation in the initial Java 8 release. I think the likelihood of it actually being included there is zero percent, though it may be considered for a future release. You can vote for the issue or add comments to it, or provide an implementation if you are so inclined.
Implementation Considerations
A possible implementation would be something which parses the HTML then constructs a TextFlow the parsed HTML according to processing rules which are laid out in laborious mind-numbing detail in the HTML5 spec.
You could use a relaxed HTML parser such as the validator.nu parser (though there may be others which would be a better fit).
A simple implementation would just be to use the parser in the jdk which is used for the swing controls, but that is hopelessly outdated.
Perhaps, even simpler would to only accept strict html input and just use SAX to parse it out, though things like validator.nu are too difficult to work with.
Then, for the limited number of parsed tags that you want to support (and you really don't want to support all of HTML5 for something like this - otherwise you would just use WebView), create your TextFlow from the DOM model that your parser has created.
I wouldn't even both trying to handle most of the stuff in your html string in your implementation, stuff to do with styling, fonts, colors, etc. Those things were never any good in html anyway, and css is better for handling them, so just support stuff commonly used in usual modern day html (take a look at bootstrap html source as an example to see what that might be - if bootstrap doesn't use it, I don't think you should support it). The stuff you will be supporting are things around document structure like lists, headings, etc. div blocks and span nodes - so only implement that important stuff and delegate everything else to css where it belongs.
Also make sure your implementation fits in with FXML so that you can easily embed your html subset in an FXML doc.

LaTeX or MathML support in RichText / TextFlow

Similar Messages

Maybe you are looking for