수정할 텍스트나 이미지를 클릭하고 선택 범위를 확인하세요.
HtmlDrag
초안에서 완성된 페이지까지
기존 HTML에서 시작해
세부 내용을 완성하세요
기존 HTML이나 AI가 만든 페이지를 시각적 편집기에서 여세요. 텍스트, 이미지, 레이아웃을 직접 수정하거나 요소를 선택해 ‘AI로 부분 수정’을 사용할 수 있습니다.
이미 가지고 있는 콘텐츠로 시작
기존 HTML/AI 생성 페이지/공개 웹페이지/PDF · Word · Excel · PPT · 이미지
01 / AI로 부분 수정
요소를 선택하고
AI로 원하는 부분만 정밀 수정
이미지나 제목을 바꾸고 싶으신가요? 원하는 부분을 선택하고 결과를 설명하세요. ‘AI로 부분 수정’은 기존 페이지를 바탕으로 편집합니다.
원하는 결과를 자연어로 설명하세요. 선택한 범위가 수정의 출발점이 됩니다.
미리보기에서 결과를 확인하세요. AI로 더 다듬거나 편집기에서 수정하세요.
02 / HTML 편집
HTML을 보면서 편집하세요
세부 사항까지 직접 완성
텍스트와 이미지를 바꾸고 요소를 이동하세요. 표 셀 편집, 요소 삽입, 요소 잠금, 링크 추가도 가능합니다. 수정한 결과는 미리보기로 확인하세요.
03 / 파일을 HTML로 변환
파일을 변환해
편집 가능한 HTML로
PDF, Word, Excel, PPT, 이미지, TXT, Markdown을 편집 가능한 웹페이지로 변환하세요.
제안서를 웹페이지로
프로젝트 범위, 일정, 가격을 편집 가능한 제안 페이지로 정리하세요.
원본 파일편집 가능한 HTML완성된 페이지
04 / 복제 · 저장 · 공유 · 내보내기
웹페이지 복제로 시작해
꾸준히 완성해 가세요
웹페이지 URL에서 시작해 HtmlDrag에서 계속 작업하세요. 페이지를 저장해 지속적으로 관리하고 수정한 뒤, 공유하거나 내보내 활용할 수 있습니다.
공개 웹페이지 URL을 입력해 편집 가능한 페이지를 가져온 뒤 텍스트, 이미지, 레이아웃을 수정하세요.
내 작업에서 페이지와 버전 스냅샷을 관리하세요. 저장한 작업을 다시 열어 편집하거나 이전 버전으로 돌아갈 수 있습니다.
고객이나 팀원에게 미리보기를 보내 결과를 보여 주고 검토하세요. 받은 의견을 바탕으로 페이지를 계속 개선할 수 있습니다.
편집기 보조 마크업을 제거한 독립적인 HTML을 내보내 개발하거나 직접 호스팅하세요. HTML을 이미지로 내보내는 기능은 무료입니다.
시작하기 전에
알아두면 좋은
핵심 내용
AI가 만든 HTML도 수정할 수 있나요?
네. HTML 파일을 업로드하거나 코드를 붙여 넣어 텍스트, 이미지, 스타일, 위치를 수정할 수 있습니다. 요소를 선택해 AI로 다듬을 수도 있습니다. 프레임워크나 복잡한 실행 환경에 의존하는 페이지는 가져온 후 추가 작업이 필요할 수 있습니다.
‘AI로 부분 수정’은 전체 페이지 재생성과 어떻게 다른가요?
전체 코드를 다시 작성하여 기존 레이아웃을 망치거나 수동 편집 내용을 지워버리는 기존 도구와 달리, ‘AI로 부분 수정’은 선택한 요소만 정확히 격리합니다. 자연어로 요청하면 해당 부분만 업데이트하여 새 버전으로 저장하며, 페이지의 나머지 영역은 100% 그대로 유지됩니다.
시각적 편집기는 요소 드래그 기능만 지원하나요?
단순한 드래그 앤 드롭을 훨씬 뛰어넘습니다. 요소 크기 조절, 텍스트 직접 편집, 이미지 교체, 새 컴포넌트 삽입, 표 편집은 물론 레이어 관리, 요소 잠금 및 삭제, 링크 추가, 깔끔한 HTML/CSS 소스 코드 확인도 가능합니다. 수정하려는 내용에 따라 ‘AI로 부분 수정’과 함께 사용할 수 있습니다.
원본 파일의 레이아웃이 그대로 유지되나요?
‘파일을 HTML로 변환’은 AI로 파일 내용을 편집 가능한 웹페이지로 만듭니다. 픽셀 단위의 재현은 보장하지 않습니다. 텍스트, 데이터, 표, 이미지, 레이아웃을 확인한 후 AI나 캔버스에서 조정하세요.
내보낸 HTML을 직접 호스팅할 수 있나요?
네. HTML을 다운로드해 개발하거나 직접 호스팅할 수 있습니다. 외부 이미지, 폰트, 스크립트, 서비스에 계속 접근할 수 있어야 합니다. 게시 전에 배포 환경에서 확인하세요.
공개 URL에서 페이지를 가져올 수 있나요?
‘웹페이지 복제’로 공개 페이지를 가져와 편집을 시작할 수 있습니다. 로그인 제한, 봇 차단, 동적 콘텐츠, 리소스 제한이 결과에 영향을 줄 수 있습니다. 가져온 페이지를 확인하고 편집 권한이 있는 콘텐츠를 사용하세요.
업로드한 문서는 어떻게 처리되나요?
문서는 분석과 페이지 생성을 위해 서버에 임시 저장될 수 있으며, 처리 후 또는 보관 기간이 지나면 삭제됩니다. 생성된 HTML과 프로젝트 리소스는 프로젝트와 함께 저장할 수 있습니다. 임시 파일 정리는 저장된 프로젝트를 삭제하지 않습니다.
페이지를 완성할 준비가 되셨나요?
자유로운 드래그 앤 드롭과 실제 WYSIWYG 편집