Меню

Редакторы и работа с файлами в MaxSite CMS

Создание сайтов5052

Здравствуйте! Сегодня мы продолжаем изучать замечательный движок - MaxSite CMS. В сегодняшней статье мы продолжим говорить о том, как создавать записи, научимся их форматировать, а так же вставлять в наши записи разнообразные файлы. Так же в этой статье мы рассмотрим 2 редактора, один из которых идёт в комплекте с движком, а второй придётся скачать и установить самостоятельно.

Создание и форматирование записей в MaxSite CMS

В прошлых уроках про рубрики мы уже немного касались записей в MaxSite CMS. Давайте теперь подробно разберёмся с функционалом визуального и Bbcode редактора записей, научимся форматировать их. Начнём со стандартного не визуального редактора, который идёт в комплекте с движком.

BBCode редактор

На картинке ниже вы видите bbcode редактор, а цифрами отмечены функции форматирования, которые доступны нам.

Bbcode редактор

1. Шрифт текста. При помощи этого инструмента мы можем менять размер шрифта,  а так же его стиль: жирный, курсив, подчёркнутый, зачёркнутый, верхний и нижний индекс.

2. Ссылка. С помощью данного инструмента вы сможете вставить ссылку в ваш текст.

3. Цитата. Случается так, что какую-то часть текста нужно скопировать с другого источника или просто выделить другим стилем. Именно для этого служит инструмент «Цитата». Внутри вы найдёте такие инструменты как «Цитата в блоке», «Цитирование в строке», «Аббревиатура», «Сноска», «Адрес», «Термин», «Код».

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

5. Цвет. При помощи этого инструмента вы сможете менять цвет вашего текста.

6. Смайлы. В вашей статье вы сможете использовать различные смайлы.

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

8. Выравнивание текста. С помощью этого инструмента вы сможете добавлять абзацы к вашему тексту, а так же выравнивать его по центру или по правому или левому краю.

9. Сообщения. Даёт возможность создавать коротенькие сообщения.

10. Списки. При помощи этого инструмента вы сможете создавать различные списки: нумерованные и без номерные.

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

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

13. Очистка. При помощи этого инструмента вы сможете очистить ваш текст от HTML тегов и BBcode. Так же в этом инструменте имеется функция быстрого поиска и замены участка текста.

14. Отрезать анонс. Данный инструмент служит для разделения анонса новости и полного текста новости.

15. Быстрое сохранение. Если вы набираете ваши статьи не в текстовом редакторе (например MS Word), а прямо в визуальном редакторе движка, то данный инструмент поможет вам сохранить текст вашей статьи в черновике.

16. Предварительный просмотр. Позволяет просмотреть вашу запись до публикации её на сайте.

17. Полноэкранный режим. Растягивает визуальный редактор на полный экран.

18. Помощь по BBcode. Если вы не совсем понимаете что такое BBcode и как тот или иной код будет выглядеть на вашем сайте – почитайте эту справку.

ВАЖНО. Для того, чтобы работало большинство этих инструментов у вас должен быть активирован плагин «bbcode», который конвертирует bbcode в HTML код.

Если вы выберите какую-то кнопку, например, "Отрезать анонс", в место нахождения курсора будет вставлен тег

[cut]
.

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

Теперь рассмотрим второй редактор. Чтобы он появился у вас в движке, необходимо скачать и установить этот плагин.

editor_trumbowyg

Устанавливается плагин просто. Нужно просто скопировать папку к вам на хостинг. Положить его нужно в папку "plugins" по адресу application/maxsite/plugins/

Затем этот плагин нужно активировать . После активации ваш стандартный редактор будет иметь другой интерфейс. Давайте, как и с первым редактором рассмотрим подробно каждую кнопку.

Редактор Trambowig

  1. Кнопка "Посмотреть HTML" позволяет увидеть исходный код статьи;
  2. "Форматирование" - позволяет вставить абзац, цитату, заголовок уровня 1-4 (Эти кнопки появляются под полем редактирования);
  3. Эта кнопка делает текст полужирным;
  4. Текст курсивом;
  5. Зачеркнутый;
  6. Нажав на эту кнопку, можно вставить ссылку;
  7. А при помощи этой - вставить изображение;
  8. Следующие 4 кнопки позволяют выравнять текст по левому краю, по центру, По правому краю и по ширине;
  9. Обычный список (То есть маркированный). Чтобы вы понимали скажу, что текущий список - нумерованный;
  10. Как раз эта кнопка отвечает за вставку такого списка, то есть нумерованного;
  11. Горизонтальная линия (Её ещё называют разрывом или разделителем страницы);
  12. removeformat (Удаляет форматирование из текста);
  13. Последняя кнопка позволяет развернуть редактор во весь экран.

Работа с файлами в MaxSite CMS

Довольно часто нам приходится вставлять в записи какие-то файлы, будь то простые картинки или файлы с различными данными. Для этого в MaxSite CMS предусмотрен весьма удобный интерфейс управления файлами.

Для того чтобы вставить файл в запись нужно:

1. Перейти во вкладку «файлы» в редактируемой новости и нажать на ссылку «управление файлами». 

Мы попадём в интерфейс управления файлами.

Тут мы можем выбрать до 3 файлов, которые расположены на нашем компьютере, и загрузить их на наш сайт. Если это картинки, то можно указать их конечный размер и поставить водяной знак. Давайте загрузим картинку для нашего КАМАЗа. Для этого нажимаем на кнопку «Обзор» и выбираем нужную нам картинку, которая находится на компьютере. Затем жмём кнопку «Загрузить».

2. Далее возвращаемся в окно редактирования нашей новости про КАМАЗ и жмём кнопочку «Обновить». Появляется картинка с нашим КАМАЗом.

3. Под картинкой у нас есть 4 небольших кнопочки – Адрес, [img], [image] и +.

Нажав на первую, вы увидите URL-адрес вашей картинки. Нажав на вторую, вы вставите картинку в ваш текст (вставка происходит в то место, где сейчас находится курсор). Третья кнопка вставит в текст статьи миниатюру, а четвёртая вставит миниатюру в привью записи (будет отображаться рядом с анонсом новости, если такое отображение поддерживает ваш шаблон). Давайте вставим обычную картинку в начало нашей статьи, нажмём кнопку «сохранить» и посмотрим, что у нас получилось. Если вы всё сделали верно, то в начале статьи у вас должна отобразиться ваша картинка.

Картинка

Вот и всё. Теперь вы умеете загружать файлы на ваш сайт, а так же знаете все элементы визуального редактора и умеете форматировать текст с их помощью. Если у вас остались какие либо комментарии по поводу этой статьи, или вам есть чем её дополнить – пишите мне в комментарии.

С вами был Денис Скрипник . Всем спасибо за внимание. До скорого!

Текущая оценка Общий бал: 0 Проголосовало Проголосовало: 0

help_share

Данная публикация была вам полезна?

Помоги автору сайта, расскажи друзьям...

Комментариев: 2
  •  Александр Майер 19 августа 2013 в 18:00:46
    img

    Подробнейшая статья. Для новичков самое то будет!

    •  Денис Скрипник | 19 августа 2013 в 18:20:04
      img

      Это хорошо. grin

Буду благодарен за каждый оставленный вами комментарий

Добавить Комментарий

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

Похожие публикации