HTML을 편집하는 데 사용할 것-프런트엔드 Q&A-php.cn

집

웹 프론트엔드

프런트엔드 Q&A

HTML을 편집하는 데 사용할 것

青灯夜游

Sep 23, 2022 pm 03:19 PM

html

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 사용자를 위해 특별히 설계되었습니다.

기능:

4. Brackets

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

기능:

5. Komodo Edit

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

기능:

6. H5P

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

기능:

7. Google Web Designer

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

기능:

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으로 문의하세요.