文本框中的字体？答案

【问题标题】：Fonts in a textbox?文本框中的字体？
【发布时间】：2010-10-26 04:40:28
【问题描述】：

在 Rails 创建的普通文本框中：

<%= text_area_tag 'chat_data', '', :rows => 30, :cols => 70 %>

是否可以为文本设置字体，例如加粗和着色？我正在使用文本框来存储聊天会话，并希望使它更美观。

【问题讨论】：

标签： html css

【解决方案1】：

我会完全忘记<textarea>s。将 HTML 输出到 <div> 并使用 CSS 格式化您的标记。

一个例子：

<div class="chatbox">
    <p><span class="name">Oli:</span> My message</p>
    <p><span class="name">Oli:</span> My message</p>
    <p><span class="name">Oli:</span> My message</p>
    <p><span class="name">Oli:</span> My message</p>
</div>

具有以下一些格式：

.chatbox {overflow:auto;width:500px;height:200px}
.chatbox p {}
.chatbox .name {font-weight:bold}

一切都相当简单，但如果你知道怎么做，你可以拨号。（注意：宽度和高度必须固定，溢出才能工作）。

【讨论】：

我如何获得可滚动的文本区域？
这是 div。给它溢出：自动，当它有太多内容时，你会有一个滚动条。您当然需要了解一点 CSS，但无论哪种方式都是如此。
为什么有两个而只有一个？
我的错。编辑我打算每段写两个跨度，但意识到这可能没有必要。

【解决方案2】：

不，这是不可能的。 HTML 中的WYSIWYG editors 使用了一个巧妙的技巧，其中涉及editable 属性元素，而不是textarea。

【讨论】：