>웹 프론트엔드 >JS 튜토리얼 >온라인 편집기 구현 원리(IE, FireFox 호환)_javascript 기술

온라인 편집기 구현 원리(IE, FireFox 호환)_javascript 기술

WBOY
WBOY원래의
2016-05-16 19:17:211276검색

온라인 편집자는 일상적인 프로젝트 개발(예: 뉴스 시스템)에 매우 유용하며 기사의 온라인 편집을 쉽게 구현할 수 있으므로 FrontPage와 같은 도구가 필요하지 않습니다. 그러면 브라우저의 온라인 편집 기능을 구현하려면 우선 IE의 지원이 필요합니다. IE5.5 이후에는 편집 상태가 사용되며, 온라인 편집을 제어하기 위해 javascript가 사용됩니다. .
우선 편집 상자가 있어야 합니다. 이 편집 상자는 실제로 편집 가능한 웹 페이지를 사용하여 편집 상자를 만듭니다.

그리고 HtmlEdit 지정에 자바스크립트 코드를 추가합니다. 편집 기능을 갖기 위해(전체 원본 코드는 아래에 제공됨):

코드 복사 코드는 다음과 같습니다.