Выравнивание изображения с использованием HTML TextFlow

Question

Я использую элемент управления TextArea с текстовым потоком на основе HTML и не могу понять, как выровнять изображения.

HTML:

<p><img src='assets/images/pic.png' width='32' height='32'/>Some text. </p>

Импорт в поток текста:

myText.textFlow = TextConverter.importToFlow(content, TextConverter.TEXT_FIELD_HTML_FORMAT);

Проблема в том, что текст не выравнивается вокруг изображения, он всегда находится под ним, мне нужно, чтобы верхняя часть изображения была выровнена с текстом.Я проверил документацию TextConverter, и он говорит, что он не поддерживает выравнивание в теге img.

Я пытаюсь добиться чего-то подобного ...

Но мне нужно, чтобы текст был в файле .xml, а не был жестко закодирован в компонент.Я давно его изучаю и, похоже, не могу найти ответ, он не обязательно должен быть HTML, мне просто нужно иметь возможность управлять форматированием и текстом, используя внешний файл.

Спасибо.

Answer 1

Я не знаю, пригодится ли это кому-либо, но чтобы выровнять верх изображения по тексту в одной строке, вы можете использовать свойство dominantBaseLine textFlow и lineHeight определенного InlineGraphicElement (или img). Установите dominantBaseLine='ideographicCenter' и установите lineHeight='[enter desired height here]' в xml. Если вы не установите lineHeight, он будет перекрывать любые строки ниже. Я не понял, как позволить TextFlow решить эту проблему автоматически.

Если вы хотите использовать изображения переменной высоты ... ну, я использовал свойство InlineGraphicElement styleName как тег, чтобы получить эти изображения, используя TextFlow's getElementsByStyleName(), а затем установив lineHeight в InlineGraphicElement в пределах код. Это не красиво, но, по крайней мере, это работает.

Answer 2

Попробуйте это: width = '30 'height = '30' align = 'left' hspace = '10 'vspace =' 10 '