제목 그대로에요.
백그라운드에서 반환된 데이터:
인터페이스 문서에 표시된 데이터:
Chrome 콘솔의 데이터:
(배경에 줄 바꿈이 있음을 보여주기 위해 이 두 데이터 조각을 무작위로 인쇄했습니다.)
마지막 디스플레이
는 줄 바꿈 효과가 없는 한 줄 디스플레이이며 프런트엔드 처리가 필요합니다
먼저 개행 문자가 포함되어 있는지 확인합니다
for (let i = 0; i < response.data.Data.length; i++) {
인쇄된 색인의 데이터에 개행 문자가 없습니다. 이는 일관성이 없습니다. 아니면 심사 조건을 바꿔야 하나요?
조언 좀 부탁드려요~
왜 이 루프를 순회하도록 작성했는지 이해할 수 없습니다. 반환된 결과는 response.data.content입니다. 정규 표현식을 사용하면 됩니다
으아악console.log ↵가 있습니다. 물론 indexOf('↵')
를 작성해야 합니다.문제 해결
반환된 내용을 감싸는 원래 태그는 <p>였는데 나중에 대충 <pre>로 변경했습니다. h5 태그
는 새 줄에 표시될 수 있습니다.
하지만 다른 내용에 줄 바꿈이 없으면 문제가 있습니다. 너비를 초과하면 디스플레이를 초과하여 자동으로 포장되지 않습니다
끝에 CSS 컨트롤 추가
pre{
공백: pre-wrap;
word-wrap: break-word;
}
해결되었습니다