Как отобразить изображение вместо текста для? на xml форму для ODK собирать?

Question

Поскольку odk collect использует utf-8, язык, на котором я хотел бы задать вопросы формы, будет отображаться по одному символу за раз вместо соединенного. вместо отображения текста вопроса я хочу, чтобы на вопросе отображалось изображение, которое будет правильно отформатировано в тексте вопроса. Есть ли в любом случае это можно сделать, есть ли хорошие уроки или информация, которые могут помочь мне достичь этого?

<h:html xmlns="http://www.w3.org/2002/xforms" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:jr="http://openrosa.org/javarosa">
  <h:head>
    <h:title>firstform</h:title>
    <model>
      <instance>
        <data id="build_firstform_1375472795">
          <meta>
            <instanceID/>
          </meta>
          <field_name/>
          <field_age/>
          <field_location/>
        </data>
      </instance>
      <itext>
        <translation lang="eng">
          <text id="/data/field_name:label">
            <value>**<img src="Q1.png" >**</value>
          </text>
          <text id="/data/field_name:hint">
            <value>What is your name (last, first)?</value>
          </text>

жирный код не работает.

Answer 1

<?xml version="1.0" encoding="UTF-8"?>
<h:html xmlns="http://www.w3.org/2002/xforms" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:jr="http://openrosa.org/javarosa" xmlns:xsd="http://www.w3.org/2001/XMLSchema"><h:head xmlns="">
<h:title>images</h:title><model>
<instance>
<data id="1">
<some_text/>
<image_test/>
</data>
</instance>
<itext>
<translation lang="eng">
<text id="/data/image_test:label">
<value>picture test</value>
</text>
<text id="/data/image_test:a">
<value form="image">jr://images/p1.jpg</value>
</text>
<text id="/data/image_test:b">
<value form="image">jr://images/p2.jpg</value>
</text>
</translation>
</itext>
<bind nodeset="/data/image_test" type="select1"/>
</model>
</h:head>
<h:body xmlns="">
<select1 ref="/data/image_test">
<label ref="jr:itext('/data/image_test:label')"/>
<item>
<label ref="jr:itext('/data/image_test:a')"/>
<value>a</value>
</item>
<item>
<label ref="jr:itext('/data/image_test:b')"/>
<value>b</value>
</item>
<item>
<label ref="jr:itext('/data/image_test:c')"/>
<value>c</value>
</item>
</select1>
</h:body>
</h:html>