편집 가능한 HTML 만들기

HTML 파일을 올리면 편집기가 들어 있는 사본을 만들어 드립니다. 사본을 열면 브라우저에서 바로 고치고 저장할 수 있습니다. 원본 파일은 그대로 남습니다.

내 컴퓨터에서 올린 파일은 서버로 보내지 않고 이 브라우저 안에서만 변환합니다. 내 서버에서 불러온 페이지만, 눌러서 확인한 뒤에 원래 주소로 되돌려 보냅니다.

1단계

어떤 편집기를 넣을까요

여기서 고른 것이 기본값입니다. 파일을 올린 뒤 파일마다 따로 바꿀 수 있습니다.

2단계 · 방법 가

내 서버에 있는 페이지 불러오기

이 사이트에 올려 둔 페이지를 주소로 불러와 고친 뒤, 편집 화면에서 서버에 반영을 누르면 원래 주소에 그대로 덮어씁니다. 덮기 전에 무엇을 어디에 덮는지 확인하는 단계가 있고, 서버가 이전 판을 따로 보관합니다.

주소를 넣거나 목록에서 고르세요.

2단계 · 방법 나

내 컴퓨터의 HTML 파일 올리기

여기에 HTML 파일을 끌어다 놓으세요. 여러 개를 한 번에 올려도 됩니다.

아직 올린 파일이 없습니다.

알아 두면 좋은 것

저장은 내 컴퓨터의 파일로 됩니다
편집기에서 저장을 누르면 저장할 위치를 고르는 창이 뜹니다. 이 웹페이지나 원본 파일은 바뀌지 않습니다. 웹에 올린 문서를 고쳤다면 저장한 파일을 다시 올려야 반영됩니다.
남에게 줄 파일은 배포용으로 저장하세요
편집기의 배포용 HTML 저장은 편집기와 이전 기록을 뺀 사본을 내려받습니다. 그냥 저장한 파일에는 고치기 전 내용이 기록으로 남습니다.
이미지·글꼴이 파일 밖에 있으면 함께 옮겨야 합니다
원본이 같은 폴더의 이미지나 CSS 파일을 쓰고 있으면, 내려받은 사본도 그 폴더에 두어야 화면이 원래대로 보입니다.
크롬·엣지에서 가장 잘 동작합니다
사파리와 파이어폭스에서는 저장이 덮어쓰기 대신 내려받기로 동작합니다.