使用带有“样式”属性的HTML标记呈现HTML文本

时间:2011-08-08 09:17:09

标签: html css flex actionscript-3 flex4

我正在使用spark RichText组件在我的Flex Web应用程序中呈现html文本。 给我的html文本是HTML元素,'style'属性包含所有样式。 例如: -

<p style="text-align: left;"><b>Hello</b> <i>this is a sample</i>
<font style="color: #ff0000;">HTML text</font></p><p style="text-align: right;">
<u>to be rerndered in FLEX</u></p>

现在,Flex spark RichText没有显示应用于文本的所有这些样式。

但是,如果我的HTML具有内联属性属性(没有'style'属性),例如: -

<font color="#ff0000">Hello</font>

通过上述内容,我得到了理想的风格。

任何有关此问题的指针/解决方案,以及呈现样式都将受到赞赏。

谢谢,

Mangirish

3 个答案:

答案 0 :(得分:0)

尝试使用<span style="color:#FF0000;">HTML text</span>并查看是否有任何区别?我不太清楚Flex渲染旧HTML标签的效果如何。此外,<font>无论如何都被弃用了。

答案 1 :(得分:0)

如果您的css已修复,则可以使用StyleSheet Object

这是一个教程:http://learnola.com/2008/12/03/actionscript-3-tutorial-using-html-and-css/

如果您需要更多信息,请在评论中提问。

答案 2 :(得分:0)

简短的回答,TLF不支持我所知道的那种风格,但你总是可以尝试转换它以查看会发生什么:

var textflow:TextFlow = TextConverter.importToFlow(yourHTMLString, TextConverter.TEXT_FIELD_HTML_FORMAT);

然而,我有一种潜在的怀疑,它不会正确地改变风格,可能只是完全忽略它。我能想到的唯一解决方案是

  1. 使用自定义方式解析html并获取样式并将其设置在文本流上或
  2. 修复'server'html以与flex TLF(内联样式)兼容
  3. 我个人更喜欢第二个选项,因为它更容易在客户端上实现。