Setka Editor и другие CMS Content Design Cloud. Экспорт HTML-кода поста

Content Design Cloud. Экспорт HTML-кода поста

Тариф Design Cloud позволяет создавать посты прямо в вашей учетной записи на editor.setka.io с помощью редактора Setka Editor.

Интеграция с вашим сайтом не требуется. Просто экспортируйте HTML-код созданного поста для дальнейшего использования в вашей CMS.

 

Как создать пост?

  1. Перейдите во вкладку "Posts" –> "Create post";
  2. Создайте пост в Setka Editor и сохраните его нажатием на ______________2019-11-15___13.58.38.png в нижней части страницы. Чтобы сохранить публикацию и вернуться к списку постов, нажмите ______________2019-11-15___14.03.12.png

mceclip0.png

 

Созданные посты сортируются по дате на странице Posts.

mceclip1.png  

Как получить код поста?

1. Из списка постов

Перейдите во вкладку "Posts" на editor.setka.io и найдите нужный пост в списке.

Затем нажмите на кнопку "Export" в правом нижнем углу миниатюры поста:

Screen_Shot_2019-12-06_at_17.44.20.png

Получите .txt файл с HTML-кодом поста нажатием на Save as .txt или скопируйте код в буфер через Copy to clipboard.

mceclip2.png

2. Со страницы редактирования

Нажмите на кнопку "Export" в правом нижнем углу страницы редактирования:

Screen_Shot_2019-12-06_at_17.36.05.png

Получите .txt файл с HTML-кодом поста нажатием на Save as .txt или скопируйте код в буфер через Copy to clipboard.

mceclip2.png

 

Редактирование и экспорт поста в PDF

Если ваш тариф позволяет экспортировать посты в PDF, в редакторе появляется несколько дополнительных возможностей оформления.

Автоматическое разбиение на страницы

Работая с постом, вы можете посмотреть, как он будет автоматически разбит на страницы. Для этого переключите режим превью редактора на PDF.

Screen_Shot_2019-12-06_at_17.20.08.png

Screen_Shot_2019-12-06_at_17.14.50.png

Примечание: автоматическое постраничное разбиение разбиение отразится на экспортированном материале, только если добавить хотя бы один разрыв страницы вручную.

 

Установка разрыва страницы вручную

Автоматическое разбиение на страницы подходит не для всех постов. Например, блок с фоном может быть разбит на 2 части или логически связанные друг с другом элементы окажутся на разных страницах. В таких случаях поможет вставка принудительного разрыва в нужном месте страницы.

Для вставки разрыва, выберите "Разбить PDF страницу" в правой панели:

Screen_Shot_2019-12-06_at_17.27.00.png

Разрыву можно включить или отключить отступ от верха следующей страницы до контента.

Примечание: после вставки одного разрыва, остальные рассчитаются автоматически, исходя из его положения в материале.

Скрытие элементов для PDF-версии поста

Вы можете настроить видимость определенных элементов для PDF. Например, скрыть формы подписки или CTA:

Screen_Shot_2019-12-06_at_17.34.17.png

 

Как экспортировать пост в PDF?

1. Перейдите в раздел "Posts" на editor.setka.io.

2. Найдите пост, который вы хотите получить в формате PDF, и нажмите кнопку "Export" в бейдже поста.

Screen_Shot_2019-05-24_at_19.32.42.png

Также вы можете экспортировать пост со страницы редактирования поста:

Screen_Shot_2019-12-06_at_17.36.05.png

2. Выберите действие "Send post as .pdf".

mceclip2.png

3. Файл придет на email, которым вы авторизованы на editor.setka.io.

 

Ограничения:

  1. Экспортированный пост будет содержать только контент, сверстанный в Setka Editor, поэтому не забудьте заверстать заголовок в Setka Editor, чтобы он попал в PDF-файл.
  2. В PDF-файле не будут отображаться emoji.
  3. В галереях будет видно только первое изображение, поэтому если вы планируете экспортировать контент в .pdf, лучше не используйте галереи.
  4. Некоторые видео или другие эмбеды, вставленные в пост, могут не иметь заглавной картинки (это зависит от сервиса, с которого вы вставляете эмбед). В будущем мы планируем отображать заглавную картинку видео для большинства часто используемых сервисов.
  5. При желании вы можете открыть сгенерированный файл в Sketch, Illustrator или другой аналогичной программе и отредактировать его.

Тариф Design Cloud подключается по запросу на support@setka.io.

Каковы требования к сайту, если на его страницы импортируется HTML-код из Design Cloud?

Чтобы посты из Design Cloud импортировались полностью и без ошибок, сайт должен соответствовать следующим минимальным требованиям:

  1. Теги <script>, <link> и <div> на сайте не должны вырезаться.
  2. Тег <style> не должен вырезаться или модифицироваться. Setka Editor использует собственные стили, генерируемые Менеджером cтилей. Для корректного отображения контента, эти стили должны оставаться в первозданном виде.
  3. data-* атрибуты в HTML не должны быть ограничены.
Если все пункты соблюдены, но посты по-прежнему выглядят некорректно, пожалуйста, свяжитесь с нашей службой поддержки