Продолжим рассмотрение работы в расширенном редакторе CKEditor. В этой части мы рассмотрим создание ссылок на внешние информационные ресурсы(сайты, посты и т.д.), убирание таких ссылок из текста, а также ссылки на определенные места данного поста, которые часто бывают нужны при длинном сообщении и необходимости быстро попасть в нужное место текста.
- Часто при создании поста бывает нужно сделать ссылку на какой-то другой пост или интернет-ресурс. Рассмотрим этот процесс более подробно. В качестве примера используем два наших предыдущих поста.
[605x87] и
На приведенных картинках видна под названием поста надпись (ссылка). Если щелкнуть по этой надписи правой кнопкой мышки и выбрать строчку 'Копировать ярлык', то в оперативную память скопируется
на Часть I. Она выглядит вот так:
http://www.liveinternet.ru/users/sunsan/post248271845/ .
Ссылка на часть 2 выглядит так:
http://www.liveinternet.ru/users/sunsan/post248402446/ .
Понятно, что ссылки в таком виде выглядят в тексте не совсем эстетично. Поэтому сделаем следующее. Напишем слово ЧАСТЬ I. Выделим его мышкой и нажмем во второй строчке меню расширенного редактора на значок
(вставить/редактировать ссылку). После этого возникнет окошко, в которое следует вставить ссылку, например, на Часть I.
[375x337] В поле ТИП ССЫЛКИ должно стоять URL. В поле ПРОТОКОЛ по умолчанию стоит http:// .Ссылка должна быть вставлена справа от Протокола. Дальше нажимаете ОК. В результате наша ссылка на первую часть инструкции по работе с расширенным редактором будет выглядеть так: ЧАСТЬ I . Если вы нажмете на эту подчеркнутую надпись, то попадете в начало нашей инструкции, т.е. в Часть I.
Точно так ссылка на вторую часть поста будет выглядеть так: ЧАСТЬ II.
- Теперь представьте себе, что вы копировали откуда-то текст, в котором имеется непонятная ссылка на источник ненужный нам сайт. Вот такая, примерно: ссылка на ненужный нам сайт . При этом ссылка прицеплена к тексту поста, который вам нужен, но без этой ссылки. Чтобы с помощью расширенного редактора убрать такую ссылку, нам достаточно выделить мышкой эту ссылку (убрать такую ссылку) и нажать на кнопку
. После этого наша ссылка превратится в обычный текст, не привязанный к ненужному нам сайту.
- Рассмотрим теперь, что такое ЯКОРЬ.
ЯКОРЬ, это такая метка в тексте сообщения, которая позволяет быстро попасть в нужне место длинного поста. Рассмотрим как создать такие якоря.
Встанет в самое начало текста и нажмем на кнопку
. В этом месте появится значок
якоря, который в сохраненном сообщении будет невидимым, при этом присутствуя на выбранном месте. При нажатии кнопку создания якоря
возникает окошко СВОЙСТВО ЯКОРЯ
[326x140], в котором нужно написать ИМЯ ЯКОРЯ, для последующего его использования при создании ссыки на указанное место.. В нашем случае назовем якорь 'НАЧАЛО ТЕКСТА'.
Второй якорь сделаем в том месте текста, где идет речь о том, как убрать ненужную ссылку и присвоим ему имя УБРАТЬ ССЫЛКУ. Для этого встаем в нужное место текста, нажимаем кнопку
и присваиваем соответствующее имя.
Теперь поясню как нам попасть в те места, где мы установили якоря. При присваивании имен якорям в тексте нашего поста создается список названий созданных якорей. Нам остается с помощью кнопки
(создать ссылку) выбрать в качестве ссылки нужное имя якоря в окошке
В Типе ссылки нужно выбрать значение 'Якорь на эту страницу'. В поле 'По имени якоря' нужно выбрать ИМЯ ЯКОРЯ. Сделаем такую ссылку для перехода в начало текста.
Напишем надпись 'ПЕРЕХОД В НАЧАЛО ТЕКСТА'. Нажмем кнопку
и в окошке, приведенном чуть выше выберем название якоря 'НАЧАЛО ТЕКСТА'. В результате получим кнопку перехода в начало текста 'ПЕРЕХОД В НАЧАЛО ТЕКСТА'.
Аналогично делаем ссылку на второй созданный нами якорь УБРАТЬ ССЫЛКУ, т.е. на то место, где описывается работа аналогичной кнопки.
[372x332]
Эта ссылка будет выглядеть следующим образом.
'ОПИСАНИЕ КНОПКИ "УБРАТЬ ССЫЛКУ" '.
На сегодня достаточно.
Продолжение следует...
источник: www.liveinternet.ru/community/5345104/post328861321/
*********************************************
Работа в расширенном редакторе. Часть IV.
Что-то последнее время не было возможности продолжить описание работы в расширенном редакторе... Но все-таки следует довести до конца начатую работу, поэтому продолжим...
Следующая кнопка
во втором сверху ряду меню расширенного редактора служит для вставки в пост изображения в формате jpg, jpeg или png. Размер изображения не должен превышать 8Мб.
Рассмотрим более подробно как вставить изображение в пост с помощью этой кнопки. После нажатия кнопки
появляется окошко
Учимся вставлять картинки...
Далее нажимаем в этом окошке кнопку
, появляется окно с кнопкой ОБЗОР,
нажатие на эту кнопку позволяет выбрать путь к вставляемому с диска компьютера изображения
После выбора файла (на картинке это файл Венец Алмазный.jpg) и нажатия кнопки 'Открыть' в поле 'Отправить на сервер' появится ссылка на место нахождения выбираемого для вставки в пост изображения.
Далее нажимаем на кнопку 'Отправить на сервер' появится окошко
Нажав в нем ОК, мы увидим то изображение, которое мы загружаем и сможем в полях окошка установить характеристики изображения,
такие как наличие рамки, горизонтальный и вертикальный отступы, выравнивание по странице
Нажав на кнопку ОК мы вставим изображение в пост. При этом, поскольку мы в поле АЛЬТЕРНАТИВНЫЙ ТЕКСТ написали название файла, то при наведении мышки на изображение в посте, мы увидим это название, в данном случае 'Венец Алмазный'.
Этот способ вставки изображения удобен, когда вам нужно не выходя из режима редактирования, т.е. не делая предварительного сохранения текста в черновике после вставки одного изображения. Повторив описанную выше операцию несколько раз, мы можем вставить несколько изображений в нужное место сообщения.
Альтернативный метод вставки изображения через кнопку ОБЗОР, расположенную ниже окна редактирования текста, позволяет вставлять также файлы в формате gif, например, анимированные картинки. Неудобство способа вставки через эту кнопку связано с тем, что при вставке изображения нужно каждый рах сохранять изображение в тексте, сохраняя весь текст в черновик. При этом нельзя вставить изображение в любом месте текста, они обязательно сохранятся в конце текста и дальнейший перенос изображение в нужное место текста требует дополнительных действий.
Продолжение следует...
источник: www.liveinternet.ru/community/5345104/post328861653/
Серия сообщений "LiveInternet":
Часть 1 - Для ведения блога. Полный справочник по ЛиРу
Часть 2 - Делаем не опускающиеся приветствие в дневник?
...
Часть 17 - ПОЛЕЗНАЯ ИНФОРМАЦИЯ ПО LIVEINTERNET
Часть 18 - Работа в расширенном текстовом редакторе. Части V и VI.
Часть 19 - Работа в расширенном редакторе. Части III и IV.
Часть 20 - Работа в расширенном режиме редакторе. Части I и II.
Часть 21 - Удобные кнопки расширенного редактора
...
Часть 35 - Как убрать блок новостей? (Совет дня)
Часть 36 - Делаем схему дневника !
Часть 37 - Делаем таблицы для большого количества картинок
Серия сообщений "Уроки LiveInternet ":
Часть 1 - КАК УЗНАТЬ, ОТ КОГО АНТИПАТИЯ ?
Часть 2 - ЧТО ДЕЛАТЬ, ЕСЛИ СБИЛИСЬ НАСТРОЙКИ ДНЕВНИКА?
...
Часть 12 - Как найти анонима.
Часть 13 - Работа в расширенном текстовом редакторе. Части V и VI.
Часть 14 - Работа в расширенном редакторе. Части III и IV.
Часть 15 - Работа в расширенном режиме редакторе. Части I и II.
Часть 16 - Удобные кнопки расширенного редактора
...
Часть 28 - Как убрать блок новостей? (Совет дня)
Часть 29 - Делаем схему дневника !
Часть 30 - Делаем таблицы для большого количества картинок