Apache flex 如何在Flex4中设置RichTextEditor的背景图像
我尝试过这样设置背景图像,但不起作用。如何在flex中尽可能轻松地设置富文本控件的背景图像?谢谢Apache flex 如何在Flex4中设置RichTextEditor的背景图像,apache-flex,Apache Flex,我尝试过这样设置背景图像,但不起作用。如何在flex中尽可能轻松地设置富文本控件的背景图像?谢谢 .rte{ ... backgroundImage: "assets/globe.jpg"; } 及 不幸的是,你不能 显示它不支持backgroundImage属性,并且该组件不可蒙皮 因此,我建议您创建自己的包装器组件,它接受图像,如下所示: <!-- Note: Using Canvas becuase your post indicates F
.rte{
...
backgroundImage: "assets/globe.jpg";
}
及
不幸的是,你不能 显示它不支持backgroundImage属性,并且该组件不可蒙皮 因此,我建议您创建自己的包装器组件,它接受图像,如下所示:
<!-- Note: Using Canvas becuase your post indicates Flex 3, if using Flex 4, please use Group -->
<Canvas>
<mx:Image width="100%" height="100%" />
<RichTextEditor />
</Canvas>
上次我检查时,
RichTextEditor
组件不支持背景图像。您要做的是创建一个自定义RTE皮肤,在该皮肤中,在实际文本后面添加一个图像,然后在皮肤中,使用dogetStyle('backgroundImage')
,并将其设置在一个可绑定的私有变量中,然后将其绑定到图像
就这样。您可以使用此皮肤,也可以始终将RTE包装在位图图像
或其他支持背景图像的组件中
编辑:抱歉,没有看到这是Flex3。那么,,您需要扩展RTE组件并手动添加图像组件,方法是覆盖
createChildren
函数,然后使用上述相同的getStyle
函数覆盖updateDisplayList
函数来更改图像的值。可以通过设置RTE来完成TextArea的backgroundAlpha为0
注意:请修改图像路径,也可以通过CSS/样式标签设置样式
希望这会有所帮助
<!-- Note: Using Canvas becuase your post indicates Flex 3, if using Flex 4, please use Group -->
<Canvas>
<mx:Image width="100%" height="100%" />
<RichTextEditor />
</Canvas>
<mx:RichTextEditor id="richTextEditor"
backgroundImage="@Embed('<imagepath>')" width="100%" height="100%"
initialize="{richTextEditor.textArea.setStyle('backgroundAlpha', '0') }"
/>