Question

我正在从数据库中检索数据并以表格格式在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。

Answer 1

您要求的大多数实现都有些复杂。如果你想要造型，你基本上要求一个WYSIWYG编辑器。

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

查看http://tinymce.moxiecode.com/

Answer 2

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

Answer 3

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

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

CSS样式在textarea里面的表

3 个答案: