CSS стиль для таблицы внутри textarea

Question

Я извлекаю данные из базы данных и отображаю их внутри textarea в табличном формате, я пытаюсь применить CSS-стиль для таблицы внутри textarea, но безрезультатно, кто-нибудь знает или делал это раньше, пожалуйста, сообщите, я использую 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>

Можно ли применить CSS для таблицы внутри textarea.

Answer 1

Большинство реализаций того, что вы просите, несколько сложны. По сути, вы спрашиваете о редакторе WYSIWYG, если хотите стилизацию.

Примером может служить поле для комментария, подобное тому, что в StackOverflow, которое показывает отформатированную версию ниже. Другой пример - TinyMCE, который использует скрытую текстовую область для хранения фактического текста, но отображает отформатированную версию в отдельной разметке.

Посмотрите на http://tinymce.moxiecode.com/

Answer 2

наконец я нашел 1 решение, я просто добавляю атрибуты стиля в таблицу после textarea, как показано ниже

Answer 3

Контекстом может быть только обычный текст (включая сущности).Поэтому для форматирования текста требуется другой подход, о котором говорилось ранее.