Конфликт между предварительным просмотром CMS Netlify и видео gatsby-notes-embed-embed - PullRequest
Новая
       7

Конфликт между предварительным просмотром CMS Netlify и видео gatsby-notes-embed-embed

2 голосов
/ 01 апреля 2019

Я пытаюсь создать компонент редактора YouTube с gatsby -mark-embed-video . Я использую Gatsby, Netlify CMS и Netlify. Я хочу иметь предварительный просмотр видео (может быть самого видео или изображения) в моем предварительном просмотре Netlify CMS. Однако это приводит к конфликту. Если он работает в Netlify CMS, он не работает с Гэтсби и наоборот.

gatsby-remark-embed-video использует шаблон youtube: ID для встраивания видео, которое корректно работает на Гэтсби. Проблема в том, что при использовании Netlify CMS он анализирует youtube: ID как код уценки, потому что обычно мы используем Backtick (серьезный акцент) для написания кода! 

{
  id: 'youtube',
  label: 'Youtube',
  fields: [{ name: 'id', label: 'Youtube Video ID', widget: 'string' }],
  pattern: /^`youtube: (\S+)`$/,
  fromBlock: match => {
    const id = match[1];
    return { id };
  },
  toBlock: obj => `\`youtube: ${obj.id}\``,
  toPreview: obj =>
    `<img src="http://img.youtube.com/vi/${
      obj.id
    }/maxresdefault.jpg" alt="Youtube Video"/>`
}

В заключение, в принципе, Netlify CMS не работает. Все это время приводит к появлению строки кода в превью Netlify CMS. Если я удаляю обратный удар (серьезный акцент) из моего файла уценки, он читается по обычному тексту, а не как видео. Я не знаю, что делать, кто-нибудь может мне помочь?

Спасибо! =)

Что читает Netlify CMS в моем превью: image

...