2017-12-12 10 views
-1

나는 Next.js/(SSR React) 앱을 가지고 있습니다. 나는 프로퍼티를 통해 메타 속성으로 속성을 전달합니다. 문자열을 가져옵니다 태그는 다음과 같습니다React 실수로 html이 속성 이름의 따옴표를 이스케이프 처리합니다.

<meta property="og:description" content={ `${description}` } />

내용은 다음과 같이이 모양에 넣어되고 : "This is a quote" - Quotes"를 자바 스크립트 문자열에서. 결과는 다음과 같습니다 : &quot;This is a quote &quot;. 내가 찾고있는 것은 이스케이프 된 큰 따옴표가 아닌 메타 태그로 전달 된 문자열입니다. 여기서 무슨 일이 일어나고 어떻게 해결할 수 있습니까?

추신 : 유니 코드 문자를 사용하여 문자열 리터럴 외부에 설명을 넣으려고했는데 let q = String.chartocode(38)과 같이 큰 따옴표 대신 q를 추가했습니다. 모두 같은 결과가있었습니다.

+0

이것은 "가 유효하지 않습니다. – shamsup

+0

더 나아가, opengraph는 속성의 html 엔티티를 지원합니다. 따라서 '" 이것은 인용입니다. " - Quotes'는 "opengraph parsed view에서 인용문"- Quotes입니다. – shamsup

+0

@shamsup 달콤함. 내 부분에 대한 아주 간단한 감독. 이 글을 답으로 올리면 나는 upvote하고 받아 들일 것입니다. – Quesofat

답변

1

<meta property="og:description" content=""This is a quote" - Quotes" />이 유효한 html이 아니므로 적절하게 이스케이프 처리됩니다. 큰 따옴표를 이스케이프 처리해야합니다.

OpenGraph는 속성의 html 엔티티를 지원하므로 &quot;This is a quote&quot; - Quotes이 OpenGraph 구문 분석보기에 "This is a quote" - Quotes으로 표시되어야합니다.