Визуальный редактор TinyMCE в webAsyst

Автор: Дмитрий Акифьев. Размещено в: webAsyst

tinymce

Привет, Друзья!

В этом видеоуроке я покажу все стандартные возможности визуального редактора текстов TinyMCE на примере редактирования текстов в магазине на webAsyst.

В webAsyst, как и во всех других движках используется WYSIWYG редактор (What You See Is What You Get). Это означает, что визуальный редактор незаметно создает HTML код, тогда как вы просто пищите текст, форматируете его, вставляете картинки как в Ворде. Стили шрифта, ссылки и картинки отображаются сразу после вставки – текст в редакторе максимально похож на тот текст, который увидят посетители Вашего сайта в публичной части.

И Вы спросите: «А зачем этот урок для других, кто не пользуется webAsyst?».
А я отвечу – если Вы пользуетесь какими-то системами по управлению сайтом, то Вы точно встречались с редактором, который стоит в webAsyst. Дело в том, что там используется самый распространенный редактор текстов для веба – TinyMCE. Он стоит по умолчанию в Joomla, он же стоит в WordPress, и еще в куче движков. Может он выглядит немного по разному из-за разного оформления кнопок, но суть работы его от этого не меняется. Конечно, в некоторых движках его можно заменить на какой-то более навороченный вариант, но большинство предпочитает не париться и пользуются TinyMCE, так как его возможностей хватает большинству.

Я пытался найти на YouTube какие-нибудь хорошие уроки по форматированию текста с помощью TinyMCE, но не нашел ничего стоящего, и поэтому записал свой урок на 25 минут, в котором показал смысл работы почти всех кнопок, которые используются при наборе текста в админке. Я не показал только как вставлять таблицы, но что-то мне подсказывает, что Вы с этим разберетесь сами, если хоть раз делали таблицы в MS Word.

Смотрим видеоурок про самый популярный визуальный редактор текстов для сайтов:

На этом сегодня все!

Всем пока! Если появились вопросы или пожелания, то пишите их ниже в комментариях.

 
Стрела влево

Если вам понравилась статья, то нажмите на одну из кнопок социальных сетей для размещения ссылки на страницу в своей ленте в этой соцсети.

 

Метки:, ,

 

Написать комментарий