KorniloFF-ScriptS ©

Здравствуйте, Гость!

Путь страницы:   > Веб-мастеру > KFF > Редактирование контента

Редактирование контента

Как я уже говорил, редактировать контент в KFF очень просто, поскольку он собран весь в отдельной директории и представляет собой набор обычных html(php)-файлов, присоединяемых в файле структуры сайта. Таким образом, можно просто открывать файлы контента внешним редактором и вносить изменения.

Чтобы редактировать контент из веб-интерфейса, нужно авторизироваться в сайте как администратор, после чего появится управляющие элементы рядом с каждым из пунктов меню. При клике на любом из них - вы сразу попадаете в в режим EDIT content mode. Управляющие элементы при этом из меню исчезнут, и появятся только когда вы выйдете из EDIT content mode.

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

При нажатии на кнопку Файл структуры сайта - вы увидите форму для редактирования исходного кода основного файла структуры сайта - content.php, подробно описанный в статье Структура CMS. Редактировать этот файл нужно с особой осторожностью.

Далее можно рассмотреть 2 варианта редактирования контента. Один из них будет напоминать работу в WYSIWYG. Он наиболее прост в использовании, однако ограничен в своих возможностях. Другой - редактирование исходного кода. Для переключения между ними вверху контента появится поле select, в котором можно выбрать предпочтительный редактор. Редактором по умолчанию является contentEditable.

Редактирование контента в странице - contentEditable

Кстати, сейчас я редактирую данную статью именно таким образом. Это реально удобнее, чем писать текст в кодах. Редактировать прямо в странице можно файлы, подключённые к странице в файле структуры сайта, как это описано в структуре CMS.

Такой подключённый контент в режиме EDIT content mode будет обрамлён сине-красным пунктиром. Фон и шрифт редактируемого контента поменяются на более контрастные.

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

При нажатии Enter в процессе редактирования - происходит создание нового параграфа. Для сохранения внесённых изменений нужно нажать кнопку SAVE на плавающей панели и подтвердить сохранение во всплывающем окне.

Отдельно отмечу, что фрагменты PHP-кода, вставленные в подключаемых файлах, в режиме contentEditable EDIT content mode будут выведены в виде текста, без исполнения интерпретатором, что делает возможным их свободное редактирование. Но, чтобы увидеть окончательный результат рендеринга страницы, нужно выйти из режима редактирования, нажав крестик на панели с названием режима, либо - сменить редактор.

Редактирование кода в CodeMirror

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

Внешний вид страницы, в отличие от предыдущего способа редактирования, особенно не поменяется. Но под страницей с контентом появится поле с редактируемым кодом. Быстро попасть к нему можно, нажав кнопку Форма редактирования вверху контента.

В случае неудачного редактирования вы можете восстановить файл content.php из последней резервной копии, которые расположены в директории content/backup/.

После внесения изменений в исходный код, для сохранения результатов, нужно нажать кнопку Сохранить изменения, расположенную над формой редактирования, и подтвердить сохранение. Изменения сразу отобразятся в контенте странице - выше поля с редактируемым кодом.

Редактор очень прост в использовании, поскольку принимает обычный html / php код.

Комментарии к теме ( 0 )

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