코드 여러 줄인 경우에도 코드 하이라이트 정상적으로 적용되도록 수정

[sangyeon217]

language::typescript 뒤에 코드 한 줄로 붙여서 쓰면 text가 하나로 잡혀서 Block Code 적용이 잘 된다. 하지만 편집을 그렇게 하는 것은 너무 불편하다. 한 줄로 붙여쓰지 않아도 Block Code 적용할 수 없을까?

{
  "nodeType": "paragraph”,
  “data":{},
  "content": [{
    "nodeType": "text", 
    "value": “내용”, 
    "marks": [ {"type": "code"}], 
    "data":{}
  }]
}

[sangyeon217]

해결방안 1. 코드 여러 줄을 합쳐본다.

• 참고 : https://johnkavanagh.co.uk/articles/rendering-contentful-rich-code-snippets-in-gatsby/

해결방안 2. Contentful에서 Code Block용 Content Model을 추가한다.

• 참고 : https://stackoverflow.com/questions/57149824/how-to-format-code-snippets-with-pre-tags-using-contentfuls-rich-text-react-r