2017-01-20 1 views
1

어떻게 편집 할 수 있으며 자체 포함 된 사후 편집을 유지할 수 있습니다.난 아무데도 등의 이미지</p> <p>와에서 볼 수있는 자체 포함 된 HTML 파일에 내용 폴더에 HTML 파일을 변환하려면 어떻게

기본적으로 어디서나 볼 수있는 HTML 파일 기반 문서를 만들 필요가 있습니다. 불행하게도 그렇지 않으면 내가 만든 것 PDF 파일

감사

+0

자세한 정보를 추가하십시오. 질문이 무엇인지 잘 모르겠습니다. 이미지, 예제, 코드 모두 환영합니다. HTML _can_는 모든 브라우저에서 볼 수 있습니다. 그래서, 정확히 무엇을하려고합니까? 어쩌면 당신은 "인라인 CSS"를 의미할까요? https://www.codecademy.com/articles/html-inline-styles –

답변

1

가장 직접적인 방법은 data: urls 모든 자산 URL을 변환하는 것입니다, HTML되어야한다. 제공되는 애셋을 사용하고 URL에서 data: URL을 생성하는 온라인 보호자가 있습니다.

더 간단한 방법은 이미지와 글꼴 URL을 data: urls로 변환하는 대신 스크립트와 CSS를 인라인하는 것입니다.


편집 : 아마 관심의 : inliner, 이런 종류의 일을 수행하는 노드 유틸리티입니다. "귀하의 웹 페이지를 모든 HTML 파일로 변환합니다." 또한 여러 가지 최적화 최적화를 수행합니다.

1

나는 당신이 구상하고있는 것을 정확히 모르지만, HTML은 완전히 자기 완결 형인 것은 결코 아닙니다. 결국 허락하는 몇 가지 허점이있을 수 있지만 내 지식으로는이 '변환'을 수행 할 수있는 도구가 없습니다. 다음 항목이 필요합니다.

  • 모든 링크 된 스타일 시트 및 스크립트를 인라인 스타일 시트 및 스크립트로 변환합니다. 즉, <script src="http://url.to/foo.js"></script>이있을 때마다 foo.js를 다운로드하여 다음과 같이 포함해야합니다 : <script type="text/javascript"> [this is the content of foo.js] </script>. 비슷한 내용이 CSS 및 다른 링크 된 소스 파일에도 적용됩니다.
  • 모든 링크 된 미디어를 다운로드하고 (이미지는 대부분 추정치입니다) blob (HTML 파일에서 사용할 수있는 base64 blob을 제공하는 서비스)은 https://www.base64-image.de/입니다. 이는 <img src="http://url.to/image.jpg" /><img src="data:image/png;base64,[converted image data goes here] />으로 바꾸는 것을 의미합니다. 거기에는 수작업 노동이 포함될 것입니다 만, 아마도 거의 완료 될 수 있습니다.

아마도 당신은 다른 방법을 원하고있는 것을 성취 할 수있는 방법이 있습니다. 이것을 원한다면 정확히 당신의 이유는 무엇입니까?

+0

텍스트 및 이미지가 포함 된 html 파일의 문서에 액세스했습니다 ... 그리고 그 파일은 우리가 서로 이메일을 보내고 여전히 작동 할 수 있습니다 ... 그것은 이전 소프트웨어 공급 업체의 문서 였지만 여전히 작동합니다. 그건 내가 뭘 벗어난거야. – AdilZ

+0

나는 본다. 그렇다면 위에서 제시 한 내용이 가장 효과적 일 수 있습니다. 또한 PDF로 변환 한 다음 Word 문서로 변환 할 수도 있고 (또는 Word로 직접 변환 할 수도 있습니다. 다만 변환기를 인식하지는 못하지만 HTML로 변환 할 수는 있습니다.) Google 문서 도구 등). –

관련 문제