Вы можете иметь css классов в содержательном расширенном тексте? - PullRequest
0 голосов
/ 06 февраля 2020

новый с содержательным и с трудностями в понимании форматированного текста. Я вижу в это сделать c, вы можете применить HTML к форматированному тексту с помощью параметров / rendernode. Но из того, что я могу сказать, вы можете только применять его к своим селекторам, например, ко всем h1 или спискам или встроенным ресурсам и т. Д. c.

Моя настройка - это блог Гэтсби с содержательный, с богатым текстом в теле моих постов. Я хотел обернуть несколько изображений / видео в класс fullwidth. Могу ли я сделать это в расширенном тексте? Как бы я это настроил?

мои настройки Гэтсби в шаблоне поста блога (упрощенно для поста):

const Work = props => {
  const options = {
    renderNode: {
      "embedded-asset-block": node => {
        const alt = node.data.target.fields.title["en-US"]
        const url = node.data.target.fields.file["en-US"].url
        return <img alt={alt} src={url} />
        }
      },
    },
  }
  return (
    <Layout>
          {documentToReactComponents(
            props.data.contentfulWork.blurb.json,
            options
          )}
    </Layout>
  )
}
...