2008-10-06 3 views
6

실제로 인쇄하고 싶은 것을 선택하기 위해 페이지를 편집하는 것에 대한 기사를 쓰고 있습니다. "좋아하는 것을 인쇄하십시오"와 같은 많은 도구가 있지만이 스크립트도 발견했습니다. 누구든지 그것에 대해 아는 것이 있습니까? 어떤 종류의 문서 나 참고 자료도 찾지 못했습니다.즉석에서 페이지 내용을 편집하는 자바 스크립트

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 

고마워요!

+0

"dcom"이라는 태그가 붙은 이유가 궁금해서 이제 어떻게 든 질문을 잘못 읽었는지 궁금합니다. – Grank

답변

9

contentEditable 속성은 IE, Safari (및 부산물로 크롬에 의해)에서 지원되며, firefox 3 (FFX2가 아님)으로 생각됩니다. D

Firefox 2는 designMode를 지원하지만 개별 프레임으로 제한되지만 contentEditable 속성이 개별 요소에 적용되므로 편집 가능한 콘텐츠를 페이지와 더 잘 연동 할 수 있습니다. : D

[편집 (olliej) : :((미리보기에서 작업에도 불구하고) SO의 출력 필터를 통과하지 않습니다의 contentEditable 속성으로 제거 된 예] : I가 부딪 혔어요했습니다

가 [편집 (olliej)

매우 단순한 demo은 어떻게 동작하는지 보여줍니다.

[편집 (olliej) : 그렇습니다. 링크 된 데모의 contentEditable 속성은 IE, Firefox 및 Safari에서 잘 작동합니다. 아아 크기 조정은 웹킷 만 지원하는 css3 기능이며 IE는 거의 모든 CSS와의 싸움을 위해 최선을 다하고 있습니다. sigh]

+0

같은 일을하는 js 라이브러리가 있습니까? – navyad

1

document.designMode는 IE 4 이상 (분명히 시작됨) 및 FireFox 1.3 이상에서 지원됩니다. 브라우저를 켜고 바로 브라우저에서 콘텐츠를 편집 할 수 있습니다. 전에는 사용 해 본 적이 없지만 인쇄 가능한 정보를 손에 쥐기에는 완벽 할 것 같습니다.

편집 됨 : Google 크롬에서도 작동하는 것으로 보입니다. Chrome과 Firefox에서만 테스트했는데 자바 스크립트 콘솔이있는 브라우저이므로 개인적으로 사용하지 않았으므로 Internet Explorer에서 작동하는 것은 보장 할 수 없습니다. 나의 이해는 이것이 다른 브라우저가 픽업 한 IE 전용 속성이었고 현재 어떤 표준에도 없기 때문에 파이어 폭스와 크롬이 지원하지만 IE가 중단되면 놀랄 것이다.

0

사용 가능한 경우 브라우저의 내장 편집 기능을 사용할 수 있습니다. 위에서 언급 한 것처럼 designMode는 Gecko이고 contentEditable은 다른 모든 사람들 (Gecko 1.9에 추가됨)입니다. 이 기능은 HTML/Javascript로 작성된 모든 WYSIWYG 편집기의 기초로 사용됩니다. 단순히 입력/삭제하는 경우 제공된 스크립트보다 더 필요한 것은 없습니다. (모든하지만 불필요에 '무효'.에서) 최선의 참조 문서에 대해서는

이러한 기능은 응용 프로그램에서 사용할 수있는 방법입니다 모질라의 Midas specification (MSDN이 ...뿐만 아니라 일부 사용 될 수 있습니다).

관련 문제