Question

我尝试过这种方式设置背景图片，但它不起作用。有关如何尽可能简单地在flex中设置富文本控件的背景图像的任何想法？感谢

.rte{
        ...
        backgroundImage: "assets/globe.jpg";
    }

和

<mx:RichTextEditor id="rt" 
                   ...
                   styleName="rte"
                   />

Answer 1

不幸的是，你不能。

The docs for RichTextEditor表明它不支持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>

Answer 2

RichTextEditor组件最后检查时不支持背景图像。你想要做的是创建一个自定义RTE皮肤，你在实际文本后面添加一个图像，然后在皮肤中，有do getStyle('backgroundImage')并将其设置在一个可绑定的私有var中，然后绑定到图像。

就是这样。它要么使用这个皮肤，要么总是将RTE包装在BitmapImage或其他支持背景图像的组件中。

编辑：对不起，没看到这是Flex3。在这种情况下，您需要扩展RTE组件并通过覆盖createChildren函数手动添加Image组件，然后通过使用相同的{{覆盖updateDisplayList函数来更改图像的值。 1}}如上所述的功能。

Answer 3

可以通过将RTE TextArea的 backgroundAlpha 设置为 0

来完成

 <mx:RichTextEditor id="richTextEditor" 
        backgroundImage="@Embed('<imagepath>')" width="100%" height="100%"

        initialize="{richTextEditor.textArea.setStyle('backgroundAlpha', '0') }"
        />

注意：请修改图像路径，也可以通过CSS /样式标记设置样式

希望这会有所帮助

如何在Flex 4中设置RichTextEditor的背景图像

3 个答案: