jquery - 使用 html/css 样式在 textarea 中显示字符串

Question

我有一个字符串，其中包含一些内置到字符串中的字体 css 样式。我正在使用 Razor，我想在 textareafor 或类似的东西中显示结果。有什么好的方法吗？

这是字符串的样子:

<font color="DD0000"><b>7/10/2014 - CFENDALL</b>&nbsp;&nbsp;Hi Mike - I have invoice 133528E for PO 158960 - This is past due - Please let me know when PO is received.  Thank you.  Cynthia</font>

我希望样式化的版本出现在文本区域中，但截至目前它只显示字符串而不应用 css。

这是我目前的观点:

    <div class="editor-field" id="summary">
        @Html.TextAreaFor(model => model.Notes, new { @readonly = "readonly"})
    </div>

Answer 1

textarea 并不意味着充当容器；它是文本的输入。如果您想将内容作为一个整体设置样式，那么您可以将样式应用到文本区域本身；然而，textarea 中的个别文本片段无法设置样式。一种方法是将 textarea 的内容加载到 div 中——可以设置样式。

查看 Coyier 关于如何设置文本区域样式的示例:http://css-tricks.com/textarea-tricks/ .

同样，这是一个related SO question .问题的要点是将您的文本区域内容转储到一些实际上是 div 的“假”文本区域中。使用 jQuery 从问题中提示示例:

HTML:

<div id="fakeTextarea"></div>
<textarea id="realTextarea"></textarea>

JavaScript:

$('#fakeTextarea').html( $('#realTextarea').val() );

随时查看此 Fiddle .