구문 강조 표시 사전 요소를 PDF로 저장할 때 CSS 스타일을 유지하는 방법은 무엇입니까?

CSS 스타일을 유지하면서 구문 강조 표시 사전 요소를 PDF로 저장하는 방법

구문 강조 표시 사전 요소를 PDF로 저장하는 동안 CSS를 유지 관리하려면 다음 대체 접근 방식을 고려하십시오.

해결책:

1. 새 창 만들기: window를 사용하여 새 브라우저 창 열기 .open().
2. HTML 및 CSS 추가: pre 요소($("#output")[0].outerHTML)의 HTML 콘텐츠와 필요한 CSS 스타일( $("style")[0].outerHTML)을 새 창의 본문에 추가합니다.
3. 포커스 및 인쇄: 새 창에서 .focus() 및 .print()를 호출합니다. . 이렇게 하면 시스템 인쇄 대화 상자가 트리거되어 "파일로 인쇄"를 선택하여 사전 요소를 PDF로 저장할 수 있습니다.

jQuery 구현:

<code class="javascript">$("#save").click(function() {
  var text = $("#output")[0].outerHTML;
  var styles = $("style")[0].outerHTML;
  var popup = window.open("", "popup");
  popup.document.body.innerHTML = text + styles;
  popup.focus();
  popup.print();
});</code>

데모:

다음 jsfiddle에서 이 솔루션이 실제로 작동하는 모습을 볼 수 있습니다. http://jsfiddle.net/tn04Ldka/2/

위 내용은 구문 강조 표시 사전 요소를 PDF로 저장할 때 CSS 스타일을 유지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!