вход  



Последние коментарии  

Облако тегов  

JCE - редактор для Joomla. Основные функции.

E-mail
Оценка пользователей: / 6
ПлохоОтлично 
Оглавление
JCE - редактор для Joomla. Основные функции.
стр.2
Все страницы

JCE. Инструменты для работы с текстом.

Начнем с инструментов для работы с текстом. Предполагается, что исходный текст у нас уже готов и написан в Word’e. Прежде всего нужно запомнить, что простым копированием переносить текст из Word’a в JCE нельзя! Это связанно с тем, что Word вносит в текст собственное, уникальное форматирование, которое, при простом копировании в JCE, вызовет хаос. Так как же тогда переносить текст? С этим вопросом мы подходим к первому инструменту JCE – «Вставка текста».

 

 

В редакторе этот инструмент выглядит следующим образом:

jce

При клике по кнопке выпадает подменю, содержащие две опции:

Paste – используется для вставки текста из Word’а и других редакторов. Вид редактора определяется автоматически. (В предыдущих версиях JCE кнопок вставки текста было несколько – для каждого из распространенных редакторов).

Paste as plain text – вставка в виде плоского текста. При использовании этой опции все символы форматирования будут удалены при вставке, т.е. получится просто сплошной текст, что-то вроде вставки в блокнот.
После выбора опции откроется окно, в это окно мы вставляем наш текст из Word’а и жмем кнопку «Insert».

После этого текст с максимальным сохранением форматирования будет вставлен в JCE.

Следующим важным инструментом является выпадающий список с текстом «Paragraph»:

jce редактор


Важен он потому, что позволяет обрамлять нужные части текста нужными тэгами. Это, как считается, важно для SEO-оптимизации сайта. Из важных опций здесь:

Paragraph – текст, к которому применена эта опция, обрамляется тегами , что означает, что текст относится к текущему параграфу. Подобными тегами автоматически обрамляются все параграфы текста, вставленного из Word.  
Div – текст, к которому применена эта опция, помещается в контейнер Div. Применений у этой опции много, но людям, не знакомым с html и css, можно не обращать на нее внимания.


Heading – текст, к которому применена эта опция, обрамляется тегами h1, h2, h3 и.т.д. Это означает, что данный текст является заголовком. Для поисковой оптимизации текста, все его заголовки и подзаголовки рекомендуют помещать в теги h.

Последним, крайне важным инструментом, являются таблицы. К счастью, JCE текущей версии уже умеет переносить таблицы из word’а автоматически, создавая при этом весь необходимый код. Функция эта, по истине замечательная. Кто уже имеет опыт работы с html-редакторами, прекрасно понимает почему. Для остальных расскажу. Раньше, когда этой функции не было, редактор не умел автоматически создавать таблицы и вместо них вставлялся просто текст ячеек. Т.е. для вставки таблицы приходилось создавать ее вручную, а затем заново заполнять данными. И хорошо, если таблица небольшая, но ведь она могла содержать и сотню строк. Тогда работа превращалась в ужас. Никому не хотелось создавать таблицы в html-редакторе вручную. При этом стали придумываться некоторые способы полуавтоматизации. Например, был способ с копированием таблицы из word’а в Excel с хитрым преобразованием ее в html-код. Сегодня, слава Богу, все эти хитрости уже не нужны. Процесс автоматизирован. Но иногда может быть удобно создать небольшую табличку прямо в html-редакторе, так что ниже рассмотрим инструмент для создания таблиц.

Создать таблицу можно с помощью кнопки «Inserts a new table»:
jce

 

 

При клике по ней открывается следующее окно:

jce редактор joomla

Здесь мы можем установить следующие опции таблицы:
Вкладка «General»:

Cols – количество столбцов таблицы;

Rows – количество строк таблицы;

Стоит заметить, что таблицу в html можно строить только однотипную. Т.е. количество ячеек в каждой строке будет одинаково. Если вам нужно, чтобы в первой строке было, например, 2 ячейки, а во второй – 3, то сначала нужно создать таблицу 2х2, а потом, во второй строке, в одну из ячеек вставить таблицу 1х2(1 строка, 2 столбца). Не очень удобно, но ничего не поделать. Таков язык html для таблиц.

Cellpadding – расстояние от границы ячейки до ее содержимого;

Cellspacing – расстояние между ячейками таблицы;

Опции Cellpadding и Cellspacing для таблиц аналогичны опциям margin и padding для div’ов.

Alignment – определяет выравнивание содержимого таблицы(по левому краю, по центру, по правому краю);

Border – ширина рамки таблицы;

Width – ширина таблицы;

Height – высота таблицы;

Class – CSS-класс, применяемый к таблице;

Table caption – место для заголовка таблицы. Если галочка установлена, над таблицей будет создана дополнительная строка, состоящая из одной ячейки, в которой предполагается размещение заголовка таблицы.

Вкладка «Advanced» (в этой вкладке все опции не знакомы мне самому, поэтому опишу только основные):

Id – уникальный идентификатор таблицы. Применяется в CSS;

Style – CSS-стиль таблицы, заданный прямо в ее коде;

Background image – изображение, которое будет использовано в качестве фона таблицы;

Border color – цвет рамки таблицы;

Background color – цвет фона таблицы.

Многие из этих опций можно применить не только к таблице в целом, но и к отдельным столбцам, строкам и ячейкам. Для этого после создания таблицы нужно выделить необходимые элементы, кликнуть правой кнопкой мышки(да, именно правой) и выбрать необходимые свойства. Кроме того, код таблицы можно подправить при просмотре html-кода. Об этом читайте далее..

 



Вам необходимо зарегистрироваться что бы оставить коментарий!

© 2017 - sitizona.ru
   
| Четверг, 27. Июль 2017