文本区域内表格的CSS样式

Question

我正在从数据库中检索数据并将其以表格格式显示在 textarea 中，我尝试对 textarea 中的表格应用 CSS 样式但没有效果，有没有人知道或以前做过这个，请指教，我正在使用 Javascript显示更像 word 的编辑器，因此用户可以格式化文档，

<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。

Answer 1

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

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

看http://tinymce.moxiecode.com/