• Авторизация


Работа в расширенном редакторе 09-11-2015 23:30 к комментариям - к полной версии - понравилось!

Это цитата сообщения MANGIANA Оригинальное сообщение

Работа в расширенном редакторе. Части III и IV.

Продолжим рассмотрение работы в расширенном редакторе CKEditor. В этой части мы рассмотрим создание ссылок на внешние  информационные ресурсы(сайты, посты и т.д.), убирание таких ссылок из текста, а также ссылки на определенные места данного поста, которые часто бывают нужны при длинном сообщении и необходимости быстро попасть в нужное место текста.

- Часто при создании поста бывает нужно сделать ссылку на какой-то другой пост или интернет-ресурс. Рассмотрим этот процесс более подробно. В качестве примера используем два наших предыдущих поста.

[605x87] и

[610x93]

На приведенных картинках видна под названием поста надпись (ссылка). Если щелкнуть по этой надписи правой кнопкой мышки и выбрать строчку 'Копировать ярлык', то в оперативную память скопируется 1863153_ssilka (80x28, 1Kb) на Часть I. Она выглядит вот так:

 http://www.liveinternet.ru/users/sunsan/post248271845/ .

Ссылка на часть 2 выглядит так:

 http://www.liveinternet.ru/users/sunsan/post248402446/ .

Понятно, что ссылки в таком виде выглядят в тексте не совсем эстетично. Поэтому сделаем следующее. Напишем слово ЧАСТЬ I.  Выделим его мышкой и нажмем во второй строчке меню расширенного редактора на значок 1863153_Vstavit_redaktirovat_ssilky (28x26, 1Kb)(вставить/редактировать ссылку). После этого возникнет окошко, в которое следует вставить ссылку, например, на Часть I.

[375x337]   В поле ТИП ССЫЛКИ должно стоять URL. В поле ПРОТОКОЛ по умолчанию стоит http:// .Ссылка должна быть вставлена  справа от Протокола.  Дальше нажимаете ОК. В результате наша ссылка на первую часть инструкции по работе с расширенным редактором будет выглядеть так:  ЧАСТЬ I . Если вы нажмете на эту подчеркнутую надпись, то попадете в начало нашей инструкции, т.е. в Часть I.

Точно так ссылка на вторую часть поста будет выглядеть так: ЧАСТЬ II.

- Теперь представьте себе, что вы копировали откуда-то текст, в котором имеется непонятная ссылка на источник ненужный нам сайт. Вот такая, примерно: ссылка на ненужный нам сайт . При этом ссылка прицеплена к тексту поста, который вам нужен, но без этой ссылки. Чтобы с помощью расширенного редактора убрать такую ссылку, нам достаточно выделить мышкой эту ссылку (убрать такую ссылку) и нажать на кнопку 1863153_ybrat_ssilky (27x27, 0Kb). После этого наша ссылка превратится в обычный текст, не привязанный к ненужному нам сайту.

- Рассмотрим теперь, что такое ЯКОРЬ.

ЯКОРЬ, это такая метка в тексте сообщения, которая позволяет быстро попасть в нужне место длинного поста. Рассмотрим как создать такие якоря.

Встанет в самое начало текста и нажмем на кнопку 1863153_yakor (22x25, 0Kb). В этом месте появится значок 1863153_znachok_yakorya (25x26, 1Kb) якоря, который в сохраненном сообщении будет невидимым, при этом присутствуя на выбранном месте. При нажатии кнопку создания якоря 1863153_yakor_1_ (22x25, 0Kb) возникает окошко СВОЙСТВО ЯКОРЯ  [326x140], в котором нужно написать ИМЯ ЯКОРЯ, для последующего его использования при создании ссыки на указанное место.. В нашем случае назовем якорь 'НАЧАЛО ТЕКСТА'.

Второй якорь сделаем в том месте текста, где идет речь о том, как убрать ненужную ссылку и присвоим ему имя УБРАТЬ ССЫЛКУ. Для этого встаем в нужное место текста, нажимаем кнопку 1863153_yakor_2_ (22x25, 0Kb) и присваиваем соответствующее имя.

Теперь поясню как нам попасть в те места, где мы установили якоря. При присваивании имен якорям в тексте нашего поста создается список названий созданных якорей. Нам остается с помощью кнопки 1863153_Vstavit_redaktirovat_ssilky (28x26, 1Kb) (создать ссылку) выбрать в качестве ссылки нужное имя якоря в окошке

[373x338] 

В Типе ссылки нужно выбрать значение 'Якорь на эту страницу'. В поле 'По имени якоря' нужно выбрать ИМЯ ЯКОРЯ.  Сделаем такую ссылку для перехода в начало текста.

 Напишем надпись 'ПЕРЕХОД  В  НАЧАЛО  ТЕКСТА'. Нажмем кнопку 1863153_Vstavit_redaktirovat_ssilky_1_ (28x26, 1Kb) и в окошке, приведенном чуть выше выберем название якоря 'НАЧАЛО ТЕКСТА'. В результате получим кнопку перехода в начало текста 'ПЕРЕХОД В НАЧАЛО ТЕКСТА'.

Аналогично делаем ссылку на второй созданный нами якорь УБРАТЬ ССЫЛКУ, т.е. на то место, где описывается работа аналогичной кнопки. [372x332]

Эта ссылка будет выглядеть следующим образом.

'ОПИСАНИЕ  КНОПКИ  "УБРАТЬ ССЫЛКУ" '.

На сегодня достаточно.

Продолжение следует...

источник: www.liveinternet.ru/community/5345104/post328861321/


*********************************************

Работа в расширенном редакторе. Часть IV.
 

Что-то последнее время не было возможности продолжить описание работы в расширенном редакторе... Но все-таки следует довести до конца начатую работу, поэтому продолжим...

Следующая кнопка 1863153_knopka_vstavki_izobrajeniya (22x22, 0Kb)во втором сверху ряду меню расширенного редактора служит для вставки в пост изображения в формате jpg, jpeg или png. Размер изображения не должен превышать 8Мб.

Рассмотрим более подробно как вставить изображение в пост с помощью этой кнопки. После нажатия кнопки 1863153_knopka_vstavki_izobrajeniya (22x22, 0Kb) появляется окошко

[440x463]

Учимся вставлять картинки...

Далее нажимаем в этом окошке кнопку 1863153_zakachat (65x28, 1Kb), появляется окно с кнопкой ОБЗОР,

  [442x457]

нажатие на эту кнопку позволяет выбрать путь к вставляемому с диска компьютера изображения

[604x478]

После выбора файла (на картинке это файл Венец Алмазный.jpg) и нажатия кнопки 'Открыть'  в поле 'Отправить на сервер' появится ссылка на место нахождения выбираемого для вставки в пост изображения.

[449x468]

Далее нажимаем на кнопку 'Отправить на сервер' появится окошко

[443x468]

Нажав в нем ОК, мы увидим то изображение, которое мы загружаем и сможем в полях окошка установить характеристики изображения,

[442x463]

такие как наличие рамки, горизонтальный и вертикальный отступы, выравнивание по странице

[443x465]

Нажав на кнопку ОК мы вставим изображение в пост. При этом, поскольку мы в поле АЛЬТЕРНАТИВНЫЙ ТЕКСТ написали название файла, то при наведении мышки на изображение в посте, мы увидим это название, в данном случае 'Венец Алмазный'.

[466x700]

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

Альтернативный метод вставки изображения через кнопку ОБЗОР, расположенную ниже окна редактирования текста, позволяет вставлять также файлы в формате 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 - Делаем таблицы для большого количества картинок
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Работа в расширенном редакторе | Галина__К - Дневник Галина К. | Лента друзей Галина__К / Полная версия Добавить в друзья Страницы: раньше»