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

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

Тариф Design Cloud позволяет создавать посты прямо в вашей учетной записи в личном кабинете, с помощью 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 в личном кабинете и найдите нужный пост в списке.

Затем нажмите 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 в личном кабинете.

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, которым вы авторизованы в личном кабинете.

 

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

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

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

 

Как поделиться ссылкой на пост, свёрстанный в Design Cloud?

Вы можете отправить ссылку на просмотр поста коллеге или клиенту. По ссылке будет доступно превью, без возможности редактирования. Документ по ссылке можно защитить паролем. Поделиться можно двумя способами:

 

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

1. Перейдите в раздел Posts в личном кабинете.

2. Найдите пост, ссылкой на который вы хотите поделиться. Нажмите кнопку опций (многоточие) в бейдже поста и выберите Create shareable link:

______________2020-04-22___17.42.28.png______________2020-04-22___17.42.40.png

 

3. Задайте пароль для доступа к посту и нажмите Get shareable link. Чтобы поделиться ссылкой без защиты паролем, нажмите share without password. Ссылка скопируется в буфер обмена:

______________2020-04-22___17.43.30.png

 

4. Пользователь, у которого есть ссылка на пост, сможет просматривать его, даже не имея доступа к личному кабинету Setka Editor.

 

Из предпросмотра

1. Перейдите в раздел Posts в личном кабинете.

2. Найдите пост, ссылкой на который вы хотите поделиться. Нажмите Preview на бейдже поста:

______________2020-04-22___17.42.28.png

 

3. Нажмите кнопку Share в верхней части экрана:

mceclip0.png

 

4. Задайте пароль для доступа к посту и нажмите Get shareable link. Чтобы поделиться ссылкой без защиты паролем, нажмите share without password. Ссылка скопируется в буфер обмена:

______________2020-04-22___17.43.30.png

4. Пользователь, у которого есть ссылка на пост, сможет просматривать его, даже не имея доступа к личному кабинету Setka Editor.

 

Изменение настроек доступа по ссылке

Чтобы изменить настройки доступа к посту по ссылке:

1. Перейдите в раздел Posts в личном кабинете.

2. Найдите пост, ссылкой на который вы делились. Он будет отмечен специальным знаком. Нажмите кнопку опций (многоточие) в бейдже поста и выберите Sharing settings:

______________2020-04-22___18.33.22.png

Примечание: эти настройки также доступны на странице предпросмотра.

3. В открывшемся меню вы сможете:

  • Отключить доступ по ссылке, нажав Turn sharing off.
  • Получить ранее сгенерированную ссылку в соответствующем текстовом поле и быстро скопировать её кнопкой Copy to clipboard.
  • Задать новый пароль в поле Set a new password:

______________2020-04-22___17.44.04.png

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

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

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