javascript - jTemplate 中的 Textarea 在 Chrome 中不起作用

Question

我有一个模板，其中包含模板内的 textarea。在 IE、Firefox 浏览器中，它可以正常工作，但在 Chrome 中，它无法正常工作。如果我删除模板中的 textarea，那么它也可以在 Chrome 中运行。谁能帮我？

Answer 1

现在在 Firefox 4 中也出现了完全相同的问题。

解决方案是从外部文件加载模板。

var template =  jQuery.createTemplateURL("/path/test_tmpl.txt");
$("#result").setTemplate(template);
$("#result").processTemplate(data);

test_tmpl.txt 例如

<table>
    {#foreach $T.users as row}
    <tr>
            <td><textarea>{$T.row.id}</textarea></td>
            <td>{$T.row.name}</td>
            <td>{$T.row.age}</td>
    </tr>
    {#/for}
</table>

使用 jTemplates 0.7.8、jQ 1.4.2 测试

Answer 2

Stumbled upon the same problem. Current solution (found in JTemplate changelog) is to use CDATA way to style your templates

<p style="display: none">
<textarea id="template" rows="0" cols="0">**<![CDATA[**
  <form ...>
  ...
    <textarea rows="4" cols="20" name="name">{$T.Description}</textarea>
    <input type="submit" value="Save" />
  </form>
]]></textarea>
</p>

Answer 3

我找到了解决此问题的方法。您可以在 jtemplate 中使用以下构造“转义” textarea 标记：

<{"textarea"} rows="4" cols="20">{$T.Description}<{"/textarea"}>