텍스트 영역 내부의 H1 태그

Question

사용자가 콘텐츠를 업데이트 할 수있는 내 사이트에 활동 스트림 webpart가 있으며 활동 스트림에서 콘텐츠가 즉시 업데이트됩니다. Textarea 태그를 사용하여 내용을 캡처하고 있습니다. 사용자가 img 태그를 삽입하면 anchor (<a>) 태그는 예상대로 동작합니다. 즉 이미지가 표시되고 링크도 활동 스트림에 표시됩니다. 그러나 <H1> 태그에 일부 텍스트를 입력하면 변경되지 않습니다. 또한 h1에서 h6까지의 모든 표제 태그를 포함하는 텍스트를 입력하면 모든 텍스트가 동일하게 렌더링됩니다.

텍스트 영역에서 포매팅이 허용됩니까?

Answer 1

이전 브라우저에 대해 걱정할 필요가없는 경우 div 요소에 contentEditable 속성을 사용하는 것이 좋습니다. 이렇게하면 원하는 방식으로 입력의 서식을 지정할 수 있습니다. HTML5를 지원하는 브라우저에만 해당되므로 브라우저 간 호환성을 조사해야합니다.

<div contentEditable="true"></div>