Проблема при встраивании кода в Contentful CMS - PullRequest
Новая
       30

Проблема при встраивании кода в Contentful CMS

0 голосов
/ 13 октября 2019

У меня проблема с генерацией постов в блоге через CONTENTFUL CMS. Я пытался встроить код, но на моем живом сервере весь мой код отображается в одной строке.

Выбрал весь мой код и нажал на CODE на панели инструментов. Это изменило шрифт кода, который я встроил. Но на моем сервере он отображается как весь мой код в одну строку.

Прикрепленные скриншоты ниже для справки.

Screenshot of Added Code in Contentful-preview

Screenshot of Live-preview in my browser

Можете ли вы, ребята, помочь мне разобраться в этом.

1 Ответ

0 голосов
/ 13 октября 2019

Если вы используете Rich Text для вашей Blog Post модели. Вы можете создать дополнительную модель контента, используя Long Text для размещения исходных кодов и встроить свою модель исходного кода в Blog Post.

Для Long Text вы сможете использовать синтаксис уценки. Таким образом, вы можете сделать что-то вроде следующего, чтобы сохранить формат. 

```
import React from 'react';
import { Link } from 'gatsby';
import Layout from '../components/Layout';
import Head from '../components/Head';

const AboutPage = props => {
  return (
    <div>
      <Layout>
        <Head title="About" />
        <h1>About Me</h1>
        <p>I'm a Engineer.</p>
        <p><Link to="/contact">Want to work with me? React out.</Link></p>
      </Layout>
    </div>
  );
};

export default AboutPage;

```

Я надеюсь, что это поможет.

Обновления:

Я думаю, что этот список шагов может сделать ответ более ясным дляследуйте.

  1. Создайте новую модель с именем Code Block, используя тип Long Text.
  2. Создайте новый Code Block с вашим исходным кодом.
  3. Inраздел body, Embed -> Inline entry -> Выберите только что созданный контент Code Block.
...