>  기사  >  웹 프론트엔드  >  HTML을 편집하는 데 사용할 것

HTML을 편집하는 데 사용할 것

青灯夜游
青灯夜游원래의
2022-09-23 15:19:426060검색

HTML을 편집할 수 있는 도구: 1. Scintilla 오픈 소스 라이브러리를 기반으로 하는 무료 텍스트 편집기인 Notepad++ 2. 무료 오픈 소스 텍스트 편집기인 Visual Studio Code 3. GitHub Editor에서 생성된 오픈 소스 텍스트; 4. Brackets는 오픈 소스 텍스트 편집기입니다. 5. Komodo Edit는 다중 언어 텍스트 편집기입니다. 6. Bluefish는 프로그래머와 웹 개발자를 위해 만들어진 편집기입니다.

HTML을 편집하는 데 사용할 것

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

HTML을 편집할 수 있는 도구(편집기)

1. Notepad++

Notepad++는 Scintilla 오픈 소스 라이브러리를 기반으로 하는 무료 텍스트 편집기입니다. Notepad++ 개발자들은 에너지 보존과 사용자의 탄소 배출량 최소화에 중점을 두고 있으며 플랫폼은 이를 염두에 두고 구축되었습니다. 오픈 소스 도구인 Notepad++는 사용자가 만든 플러그인과 튜토리얼을 지원합니다.

Notepad++는 완전 무료 오픈 소스 제품입니다.

기능:

  • 구문 강조 및 접기

  • PCRE 검색/바꾸기

  • 사용자 정의 가능한 인터페이스

  • 문서 구조 다이어그램

  • 자동 완성

  • 다국어 환경 지원

  • 매크로 기록 및 재생

2. Visual Studio Code

Visual Studio Code는 환경을 사용자 정의할 수 있는 확장 라이브러리가 포함된 무료 오픈 소스 텍스트 편집기입니다. JavaScript, TypeScript 및 Node.js에 대한 기본 지원이 포함되어 있습니다. 플랫폼의 다양한 확장은 편집기 속도 저하를 방지하기 위해 별도의 프로세스에서 실행되도록 설계되었습니다.

기능:

  • 구문 강조

  • 자동 완성

  • 디버깅

  • 확장 라이브러리

3. GitHub에서 만든 오픈 소스 텍스트 편집기입니다. 경험을 맞춤화할 수 있는 다양한 도구와 테마가 있습니다. Atom은 Git 및 GitHub와도 직접 통합됩니다. Windows 사용자를 위해 특별히 설계되었습니다.

기능:

    교차 플랫폼 편집
  • 내장 패키지 관리자
  • 자동 완성
  • 파일 시스템 브라우저
  • 여러 창
  • 찾기 및 바꾸기
  • Customization
4. Brackets

Brackets은 디자이너와 프런트 엔드 개발자가 브라우저 내에서 작업할 수 있는 오픈 소스 텍스트 편집기입니다. 필요할 때 추가 도움을 제공하기 위해 시각적 도구가 편집기에 포함되어 있습니다. Brackets는 HTML, CSS, Javascript 등의 WEB 개발 언어에 중점을 두고 있으며 Javascript 프레임워크 위에 구축됩니다.

기능:

    온라인 편집기
  • 실시간 미리보기
  • 전처리기 지원
5. Komodo Edit

Komodo Edit는 다음을 제공하는 다중 언어 텍스트 편집기입니다. 기본 프로그래밍 필요한 모든 것 자동 완성 및 변경 내용 추적과 같은 것입니다. 이는 밴쿠버에 본사를 둔 ActiveState에 의해 만들어졌으며 다른 개발자 중심 플랫폼도 제공합니다. 더욱 풍부한 기능을 갖춘 Komodo IDE와 같은 일부 도구는 사용자 요구에 따라 다양한 패키지로 제공됩니다.

기능:

    다국어 편집기
  • 자동 완성
  • 다중 선택
  • Toolbox
  • 프로젝트 및 위치 관리자
  • 외관 및 아이콘 세트
  • 개정
  • HTML이 포함된 무료 웹 디자인 소프트웨어
6. H5P

H5P는 HTML5의 최신 버전인 HTML5를 사용하여 대화형 콘텐츠를 생성, 공유 및 재사용하기 위한 도구입니다. 사용자는 프레젠테이션, 비디오, 게임 등을 포함하여 반응성이 뛰어나고 모바일 친화적인 콘텐츠를 만들 수 있습니다. 플러그인과 모듈을 통해 Drupal, WordPress 및 Moodle의 프레임워크를 지원합니다.

기능:

    풍부한 대화형 HTML5 콘텐츠
  • 게임, 비디오, 프레젠테이션 및 기타 미디어 만들기
  • Drupal, WordPress 및 Moodle용 플러그인
  • 온라인 사용자 커뮤니티
7. Google Web Designer

Google Web Designer는 모든 기기에서 호환되는 대화형 HTML5 기반 디자인과 모션 그래픽을 만드는 데 도움이 되는 기능을 제공합니다. Google 드라이브 및 Google Ads와 같은 다른 주요 Google 애플리케이션과의 원활한 통합을 제공합니다. HTML 외에도 완전한 디자인 제품군을 사용하면 CSS 및 Javascript로 편집할 수 있습니다.

기능:

    이벤트
  • 동적 작업 흐름
  • 콘텐츠 제작 도구
  • 다중 애니메이션 모드
  • Google 통합
8. 커피컵

CoffeeCup은 1996년에 HTML 편집 소프트웨어를 처음 출시했습니다. 무료 애플리케이션을 사용하면 사용자는 처음부터 HTML 또는 CSS 파일을 생성하거나 포함된 테마 및 레이아웃을 기반으로 구축할 수 있습니다. 여기에는 다양한 목적을 위해 체계적이고 효과적인 웹사이트를 만드는 데 도움이 되는 구성 요소 라이브러리와 포괄적인 작업 흐름이 포함되어 있습니다.题 기능: 와 테마 및 레이아웃

    사용자 정의 도구 모음
  • 제안, 속성 및 선택기
  • HTML 레이블에 대한 순수 텍스트 지원
  • 테이블 항목
  • 9. Bluefish
  • 블루피쉬 프로그래머와 웹 개발자가 웹사이트, 스크립트, 프로그래밍 코드를 작성할 수 있도록 제작된 편집기입니다. Windows, MacOS, Linux 및 기타 운영 체제와 호환되는 오픈 소스 애플리케이션입니다. HTML, XML, CSS, Javascript, Python 및 PHP를 포함한 다양한 프로그래밍 및 마크업 언어를 지원합니다.
기능:

빠르고 가벼움

500개 이상의 문서를 쉽게 열 수 있음
  • 프로젝트 지원
  • 원격 파일에 대한 멀티스레딩 지원
  • 검색 및 바꾸기
  • 코드 조각 사이드바
  • 문자표
  • 10. Microsoft Expression Web
  • Microsoft Expression Web은 현재 네 번째 버전입니다. 여기에는 HTML, CSS, Javascript 및 기타 코딩 언어로 고품질 표준 기반 웹사이트를 생성하고 유지 관리하는 기능이 포함되어 있습니다. 영어, 스페인어, 프랑스어, 한국어 등으로 다운로드할 수 있습니다.
기능:

웹 표준 지원 내장

CSS 디자인 기능
  • 시각적 진단 도구
  • HTML이 포함된 무료 WYSIWYG 소프트웨어
  • 11.타이니MCE
  • 타이니MCE Atlassian, Medium, Evernote와 같은 제품을 만드는 데 부분적으로 사용되는 서식 있는 텍스트 편집 솔루션입니다. 클래식, 인라인, 방해 없는 모드의 세 가지 모드로 사용할 수 있습니다. 사용자는 이미지 업로드 및 자산 관리를 위한 공급업체의 클라우드 플랫폼인 Tiny Drive에도 액세스할 수 있습니다.
기능:

500MB 하드 드라이브 저장 공간

5GB 드라이브 대역폭
  • 플러그인
  • 커뮤니티 지원
  • 맞춤법 검사
  • 이미지 업로드
  • 접근성 기능
  • Enhanced Media Embedding
  • 12을 확인해 보세요. CKEditor4
  • CKEditor는 HTML 콘텐츠에 초점을 맞춘 완전히 사용자 정의 가능한 WYSIWYG 편집기입니다. 70개 언어 버전, 400개 플러그인, 240개 이상의 구성 옵션을 갖춘 오픈 소스 플랫폼입니다. CKEditor 4와 CKEditor 5는 모두 이 범주에서 높은 점수를 받았으며 CKEditor 4는 개인 구성 옵션에 더 중점을 두고 있는 반면 CKEditor 5는 팀 간의 실시간 공동 작업에 더 적합합니다.
기능:

활성 사용자 5명

개발자 2명
  • 상용 라이선스
  • 내부 앱 1개, OEM 또는 SaaS 1개
  • Word 및 Excel에서 붙여넣기
  • 미디어 Embed
  • Autocomplete
  • 13. Summernote
  • Summernote는 CSS 프레임워크 Bootstrap을 기반으로 구축된 "매우 간단한 WYSIWYG 편집기"입니다. 이 오픈 소스 플랫폼은 사전 구축된 모듈 및 플러그인 코드를 통해 광범위한 사용자 정의를 제공합니다. 사용자 정의 가능한 기능에는 도구 모음, 대화 상자 및 글꼴 이름이 포함됩니다.
기능:

부트스트랩 지원

Light
  • 스마트 사용자 상호 작용
  • 모든 주요 브라우저에서 작동
  • Django, Rails 및 각도
  • 14.
  • Windows 사용자를 위해 설계된 openElement는 HTML5 및 CSS3와 호환되는 무료 웹 저작 도구입니다. 반응형 다국어 웹사이트를 직관적으로 만들 수 있습니다. 사용자는 다른 사용자가 소프트웨어 관련 주제를 토론하는 온라인 포럼뿐만 아니라 구성 도움말 및 요소 세부 정보와 같은 광범위한 정보가 포함된 Wiki에 액세스할 수 있습니다.
기능:

그래픽 드래그 앤 드롭 인터페이스

페이지 레이어
  • 온라인 사용자 커뮤니티
  • 재사용 가능한 스타일 및 요소 팩
  • 검색 엔진 최적화
  • 이미지 및 코드 최적화
  • 쉬운 스크립트 통합
  • 15. Simditor
  • Simditor는 기본 WYSIWYG 편집기입니다. 이 오픈 소스 플랫폼은 기본적으로 주요 기능만 통합하고 특정 추가 기능이 포함된 확장을 지원합니다. 개발팀은 사용자 커뮤니티의 새로운 확장 기능 제출을 환영합니다.
기능:

Internet Explorer, Chrome, Firefox 및 Safari 지원

사용자가 제출한 다양한 확장 프로그램
  • (동영상 공유 학습:
  • 웹 프론트엔드
  • )

위 내용은 HTML을 편집하는 데 사용할 것의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.