서식 있는 텍스트 캐리지 리턴을 br 태그로 변환

예를 들면: SayABC 소규모 수업에 참여하는 우리 아이들은 ↵ 친구들과 서로 돕고 ↵ 협력하고 경쟁하며 학습에 대한 의욕이 더 높아집니다! ↵간단한 단어부터 문장 패턴, 장면 대화까지 ↵아이들이 점점 더 대담하게 영어를 구사하게 됩니다! [예]↵QR코드를 스캔하면 바로 외국인 선생님 수업을 받을 수 있습니다. [사랑]↵아이가 어릴 때부터 세상과 소통할 수 있게 해주세요~

html로 인식되도록 변환하고 줄 바꿈해야 합니다. 이것은 가능합니다.

'↵'은 캐리지 리턴 문자 '/n'입니다. 이 내용은 텍스트 영역을 통해 수동으로 편집되고 저장을 위해 백엔드에 제출됩니다. 에디트 박스에서 인식할 수 있는 문자는 일반 태그에서는 인식할 수 없으므로 인식 가능한 문자로 변환해야 합니다.<br/>

 string.replace(/(rn|n|r)/gm, )

그런 다음 v-html=the 변환된 문자열을 사용하여 정상적으로 줄 바꿈을 표시합니다.

두 번째 방법은 <pre></pre> 태그를 사용하는 것입니다. <pre> 태그의 일반적인 적용은 컴퓨터 소스 코드를 나타내는 것입니다. 문자열에서 '/n', '/r/n', 탭, 공백을 인식할 수 있습니다...

세 번째 방법은 <textarea></textarea>를 사용하여 표시하는 것입니다. 그러면 거기에서 편집된 내용이 여기에 표시됩니다.

위의 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.