Javascript-форум - Показать сообщение отдельно

DjDiablo · #2 (**permalink**) 31.01.2013, 14:16

Мне более симпотично средствами браузера

Должно работать во всех современных браузерах включая ie9.

<!DOCTYPE HTML>
<html>
  <head> 
    <style>
      td{
         border:1px solid red; padding:5;border-collapse:collapse;
      }
   </style>

   </head>
  <body>    

<button onClick="document.execCommand('bold', false, null);"> Жирный</button>
<button onClick="document.execCommand('italic', false, null);"> Наклон</button>
<button onClick="document.execCommand('insertunorderedlist', false, null);"> список</button>
<button onClick="document.execCommand('Delete', false, null);"> Удалить </button>


  <div id="myDiv" contenteditable="true">
        <h1>Список</h1>
       <ul id="todolist">  
          <li>Купить123123 молок</li><li>Починить дверь</li>	 
          <li>Отредактировать список!</li>
       </ul>
        <h1>Таблица</h1>
       <table class="tab">
            <tr><td>Ячейка 1</td><td>Ячейка 2</td></tr> 
            <tr><td>Ячейка 1</td><td>Ячейка 2</td></tr> 
      </table>
  </div>    
  </body>
</html>

список команд http://blog.in16.ru/index.php/2010/07/22/execcommand/

описуха Rich Text Editing на MDN + пример толкового редактора