Как установить фоновое изображение RichTextEditor в Flex 4

Question

Я попытался установить фоновое изображение таким образом, но оно не работает.Любые идеи, как установить фоновое изображение элемента управления rich text в flex как можно проще?Спасибо

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

и

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

Answer 1

К сожалению, вы не можете.

Документы для 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

Это можно сделать, установив RTE TextArea's backgroundAlpha в 0

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

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

Примечание: пожалуйста, измените путь к изображению, и вы также можете установить стиль с помощью тега CSS / Style

Надеюсь, это поможет

Answer 3

Компонент RichTextEditor не поддерживает фоновые изображения, которые я проверял в последний раз. То, что вы хотели бы сделать, - это создать пользовательский RTE-скин, в который вы добавляете изображение за реальным текстом, затем внутри скина, делаете do getStyle('backgroundImage') и устанавливаете его в привязываемом приватном var, который затем связывается с изображением.

Вот и все. Он либо использует этот скин, либо вы всегда можете заключить свой RTE в BitmapImage или какой-либо другой компонент, поддерживающий фоновые изображения.

РЕДАКТИРОВАТЬ: Извините, не видел, что это был Flex3. В этом случае вам нужно будет расширить компонент RTE и добавить компонент Image вручную, переопределив функцию createChildren, а затем изменив значение изображения, переопределив функцию updateDisplayList, используя ту же функцию getStyle, как упомянуто выше.