로그인하여 히스토리 보기

코드 붙여넣기

HTML/CSS 스니펫을 붙여넣고 안전하게 미리본 뒤 시각적으로 편집하세요.

0/200

미리보기

코드를 입력한 후 아래 버튼을 클릭하여 미리보기를 생성하세요

템플릿

다크 미니멀 시니어 디자이너 포트폴리오 Bento 그리드 페이지
열 때마다 배경 이미지가 랜덤으로 바뀌는 페이지
Nexus AI 모바일 스타트업 모던 클린 블루&화이트 H5
열 때마다 배경 이미지가 랜덤으로 바뀌는 H5
프로페셔널 비즈니스 전략 브리핑 베이지 & 그레이 이메일
럭셔리 패션 에디토리얼 미니멀 화이트 & 블랙 이메일
모던 테크 뉴스레터 다크 블루 미래 테크 이메일
웜 베이지 오가닉 라이프스타일 & 웰니스 데일리 리추얼 이메일
코드 붙여넣기

원시 코드를 보고 다듬을 수 있는 페이지로

HTML, CSS 또는 SVG를 붙여 넣어 페이지를 즉시 확인하고, 로컬 프로젝트를 설정하지 않아도 AI 생성 코드나 직접 작성한 코드의 마지막 시각적 조정을 완료하세요.

  • 01

    AI 코딩 도구, 템플릿 라이브러리 또는 자신의 프로젝트에서 전체 페이지나 코드 조각을 붙여 넣습니다.

  • 02

    소스만 보고 결과를 판단하지 말고 코드를 즉시 실제 페이지로 렌더링합니다.

  • 03

    비주얼 캔버스에서 텍스트, 이미지, 레이아웃, 스타일을 직접 편집합니다.

  • 04

    마지막 시각적 조정이 끝나면 다듬은 HTML을 저장·공유·내보냅니다.

붙여 넣은 코드를 완성된 시각적 페이지로 만들기

HTML, CSS 또는 SVG를 즉시 렌더링하고 중요한 시각적 수정을 적용한 뒤, 다듬은 HTML을 저장·공유·내보낼 수 있습니다.

01—04

코드를 붙여 넣고 미리 본 뒤 시각적으로 마무리하기

  1. 1데스크톱 브라우저에서 htmldrag.com을 열고 로그인합니다.
  2. 2“코드 붙여넣기” 페이지로 이동하여 입력 상자에 기존 코드를 붙여넣습니다.
  3. 3시스템이 보안 검사를 실행하고 미리보기 가능한 페이지를 생성합니다.
  4. 4비주얼 에디터에서 레이아웃과 스타일을 조정한 후 저장하거나 내보냅니다.