Apache flex 如何在Flex4中设置RichTextEditor的背景图像

Apache flex 如何在Flex4中设置RichTextEditor的背景图像,apache-flex,Apache Flex,我尝试过这样设置背景图像,但不起作用。如何在flex中尽可能轻松地设置富文本控件的背景图像?谢谢 .rte{ ... backgroundImage: "assets/globe.jpg"; } 及 不幸的是,你不能 显示它不支持backgroundImage属性,并且该组件不可蒙皮 因此,我建议您创建自己的包装器组件,它接受图像,如下所示: <!-- Note: Using Canvas becuase your post indicates F

我尝试过这样设置背景图像,但不起作用。如何在flex中尽可能轻松地设置富文本控件的背景图像?谢谢

.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皮肤,在该皮肤中,在实际文本后面添加一个图像,然后在皮肤中,使用do
getStyle('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') }"
        />