4

JavaScript를 꽤 잘 알고 있다고 생각했지만, CKeditor와 같이 리치 텍스트 에디터의 작동 방식에 대해 생각해 봤지만 전혀 몰랐습니다.서식있는 텍스트 편집기는 어떻게 작동합니까? 기본 텍스트 편집기를 작성하려면 어떻게해야합니까?

버튼이 어떻게 든 JavaScript를 통해 텍스트 영역에 연결되어 있다고 가정하지만 어떻게 마크 업됩니다.

웹상의 리치 텍스트 에디터에는 특별한 것이 있습니까? 아니면 멋진 js입니까?

답변

3

fancy.js가 많으며 DOM의 MS 확장 프로그램 인 "contentEditable"은 기본적으로 모든 DOM 요소를 간단한 텍스트 편집기로 변환합니다. JS는 굵게/기울임 꼴/글꼴/다른 DOM 요소 (표, 이미지 등)를 삽입하는 것을 허용합니다. 하지만 결국 모두 내용에 따라 달라질 수 있습니다.

2

당신은 .. 하자가 굵게 버튼이 있다고 DIV 요소의 contentEditable propertiy와 함께 할 수 있습니다. 사용자가 그것을 클릭하면 js 함수를 호출하고 <b>과 같은 태그를 엽니 다. 일반 버튼을 클릭하면 닫을 수 있습니다 .. 같은 색상으로 .. <span style="backround-color:red"> .. 열기 기본적으로 js가있는 div 스타일의 텍스트입니다. 시장 조작.

관련 문제