웹 페이지에서 WYSWYG 편집기를 모방/구현하는 방법은 무엇입니까?

Question

내가 아는 것은 프레젠테이션 레이어로 IFRAME 태그를 사용한다는 것입니다. 데이터를 저장하는 방법은 무엇입니까? WYSIWYG 모드와 소스 모드 사이를 전환하는 방법은 무엇입니까?

Answer 1

대부분의 브라우저에서 WYSIWYG 편집자 (Google 문서 도구가 주목할만한 예외 임) contenteditable 속성을 사용하여 요소를 편집 가능하게 만듭니다.

데이터를 특별한 방법으로 저장할 필요는 없습니다. 편집 가능한 노드의 HTML 콘텐츠 일뿐입니다.

편집 가능한 요소의 innerHTML을 textarea에 덤프하고 편집 가능한 요소를 숨겨서 소스 모드로 전환하십시오.

contenteditable으로 많은 정보와 학습서를 찾을 수 있습니다.

Answer 2

나는 많은 무료 것들 중 하나를 사용하십시오 :

http://akzhan.github.com/jwysiwyg/

예 : http://akzhan.github.com/jwysiwyg/help/examples/03-ajax.html