文本区域内表格的 CSS 样式答案

【问题标题】：CSS styling for table inside textarea文本区域内表格的 CSS 样式
【发布时间】：2010-10-12 03:49:55
【问题描述】：

我正在从数据库中检索数据并以表格格式显示在 textarea 中，我尝试在 textarea 中为表格应用 CSS 样式但没有效果，有没有人知道或这样做过，请告知，我正在使用 Javascript编辑器的显示更像是单词，以便用户可以格式化文档，

<style type="text/css"> 
 table {  } 
 td,th { white-space:nowrap; padding:3px;color: red; } 
 .test { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: red; }
 </style>

 <table width="120%" border="0" cellpadding="0" cellspacing="1">
  <tr>
   <td width=100% valign="top" class="test">Test
    <textarea name="txt_letter_body" style="width=100%" rows="50" >         <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr valign=top>
       <td  class="test">Data</td>
       <td align=left colspan=3><font face="Arial, Helvetica, sans-serif" size=3  ></font></td>
      </tr>
      <tr valign=top>
       <td></td>
       <td colspan=3><hr noshade size=1 color=#000000></td>
      </tr>
     </table>
    </textarea> 
   </td>
  </tr>
 </table>

是否有可能为 textarea 中的表格应用 css。

【问题讨论】：

标签： css html-table textarea

【解决方案1】：

您所要求的大多数实现都有些复杂。如果你想要样式，你基本上是在要求一个所见即所得的编辑器。

例如 StackOverflow 上的注释框，它在下面显示格式化版本。另一个例子是 TinyMCE，它使用隐藏的文本区域来存储实际文本，但在单独的标记中显示格式化版本。

看http://tinymce.moxiecode.com/

【讨论】：

【解决方案2】：

a 的上下文只能是纯文本（包括实体）。因此，需要前面指出的另一种方法来格式化文本。

【讨论】：

【解决方案3】：

最后我找到了1个解决方案，我只是在textarea之后将样式属性添加到表格中，如下所示

<table width="100%" border="0" style="font-family: arial;">

【讨论】：