온라인 HTML 편집기 및 실시간 미리보기
구문 강조 기능을 활용하여 HTML 코드를 작성하고, 실시간으로 결과를 확인할 수 있습니다. 작은 코드 조각을 테스트하거나 위젯을 삽입하거나 노트로 직접 저장하는 데 이상적입니다.
HTML 코드
실시간 미리보기
왜 NoteRich HTML 편집기를 사용해야 할까요?
실시간 듀얼 스크린 미리보기
왼쪽에서 코드를 작성하고, 오른쪽에서 실제 렌더링 결과를 즉시 확인할 수 있습니다. CodeMirror를 기반으로 하여, 편집기는 훌륭한 구문 강조 기능, 자동 태그 닫기 기능, 원활한 코딩 경험을 제공합니다.
유연한 레이아웃 및 전체 화면 모드
분할선을 드래그하여 패널의 너비와 높이를 조절할 수 있습니다. 자동 높이 기능을 활성화하면 콘텐츠에 따라 미리보기가 자동으로 확장됩니다. 더 많은 공간이 필요하신가요? 전체 화면 모드를 클릭하여 몰입감 있는 미리보기를 경험해보세요.
보안이 보장된 샌드박스 환경
미리보기는 샌드박스 내에서 실행되므로, 주 애플리케이션을 안전하게 보호하면서도 JavaScript를 사용할 수 있습니다. 복잡한 HTML 구조, CSS 스타일, 상호작용적인 스크립트를 테스트할 수 있습니다.