Как вставить текст в HTML: удобный редактор Tinymce

redaktor Tinymce

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

Но иногда нужно сделать текст в html. Относительно просто сделать красивый заголовок в html или, скажем, выделить абзацы, заключив их между тегами (командами) <p> и </p>.

А если элементов форматирования много, если в тексте нужны списки, таблицы, есть много выделений цветом, подчеркнутый и жирный шрифт? Лучше использовать специальные редакторы. И сейчас я расскажу об одном из самых удобных.

Онлайн редактор Tinymce можно найти по ссылке www.tinymce.com/tryit/full.php. Скопировав эту ссылку в окошко браузера, вы увидите примерно следующее:

redaktor Tinymce

В верхней части редактора находится панель инструментов со множеством элементов. Вы можете сделать с текстом все, что угодно.

Сейчас для примера я скопирую текст в Tinymce из редактора Word:

redaktor Tinymce

Как видно, сохранились все заголовки и подзаголовки.

Для того, чтобы вставить текст в html, я просто нажимаю на соответствующую надпись:

redaktor Tinymce

И получаю окошко с текстом, где – о, чудо! – уже проставлены все теги:

redaktor Tinymce

Таблички из Ворда, кстати, можно «тегировать» точно так же.

Аналогичным образом можно изменить текст в html или перевести его в обычный формат, убрав теги. Для этого нужно выполнить все действия в обратном порядке. Открываем окошко с html и копируем туда тегированный текст. А потом просто нажимаем на кнопочку Update. Все очень просто:

redaktor Tinymce

Сейчас я планирую серию постов, в которой расскажу о других ценных инструментах для копирайтера и контент-менеджера. Подписывайтесь на обновления, чтобы ничего не упустить!

Ваш Артем Кабанов.

Понравилась статья? Поделись с друзьями:
Комментариев: 2
  1. Нина Александровна

    Здравствуйте, Артем. Каждый раз радуюсь, что узнала вас. Опять вам от меня огромная благодарность за вашу науку. С вами все кажется намного проще и доступней. Спасибо вам!

    1. Артем Кабанов (автор)

      Здравствуйте, Нина! Очень приятно! Заходите — буду публиковать интересные материалы еще.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: