TinyMCE как правильно работать с редактором.

Posted: 30 ноября 2013


Насчет TinyMCE (редактор) - quick faq как лучше работать с ним на мой взгляд - два шага для WYSIWYG редактора мечты :


1. Прежде всего текст вставляем как plain-text (CTRL+SHIFT+V в Google Chrome ну или через блокнот (вставляем в блокнот, копируем из блокнота), поскльку, если вставлять, скажем, из MS Word, он как навернет там говнокода, перстанет все совпадать со стилями фронтенда.

2. После того, как текст вставлен, ставим курсор перед первым словом первого абзаца, жмем ENTER (редактор должен написать, что теперь мы в теге P (Путь: p)), после чего можно нажать BACKSPACE (подровнять абзац к началу.)

tinyMCE

С большего работа выполнена
Теперь можно отформатировать кнопкой ENTER. Каждый абзац будет автоматичекси добавляться в тег P, а прописаные в CSS правила для всего сайтабудут работать на фронтенд страницах сайта.


Не стоит использовать никакие свистоперделки типа шрифта/формата/размера, кроме как при смертельной необходимости. Допустимо использовать

B/I/U и параграфы (h1-h5)

Для работы со списками - жмем список, печатаем пункт списка ENTER печатаем пункт списка ENTER. Для того чтобы перейти к простому тексту надо просто еще раз нажать ENTER


Для работы с изображение, если у вас нет общих стилей для img можно использовать следующее:

Вставляем изображение, затем жмем оформление -> отступы, ставим 10px оба и выравнивание слева/справа по желанию. Если нужно, то меняем размеры изображения на человеческие.

If you find the post helpful you can share it


Ваше мнение:

Имя
   other with WEB
drcreazy © 2008-2012 all rights reserved