• Подсветка текста в «TextArea»

      Эта статья покажет, как в современных браузерах можно сделать подсветку текста в поле редактирования (WYSIWYG).
      Пример можно посмотреть, в google.docs или на некоторых продвинутых форумах.

      Уверен, многим это будет интересно.

      Атрибут contentEditable и параметр designMode


      Именно contentEditable или designMode и делает для нас всю основную «грязную» работу.

      Если этот атрибут поставить в тег, то всё, что внутри тега, становится автоматически редактируемым.

      <html><head></head><body>
        <div contentEditable="true"><b>C</b>ontent<u>!!!</u></div>
      </body></html>
      работающий пример

      Этот атрибут не поддерживается сейчас некоторыми старыми браузерами (например, FireFox 2.0). Но есть более «глобальный» параметр страницы, который сейчас поддерживают все браузеры, который нам может помочь —
      designMode