코더들이 사랑할 10대 HTML 텍스트 편집기

Table Of Contents

최고의 HTML 텍스트 편집기 - 코딩 경험을 한 단계 끌어올릴 수 있는 텍스트 편집기 - 다음은 10대 HTML 텍스트 편집기입니다:
1. Popline
1. Squire
1. WYSI HTML5
1. Mercury
1. Rendera
1. Aloha Editor
1. Blue Griffon
1. Qute
1. Raptor
1. LineControl

코딩 경험을 한 단계 끌어올릴 수 있는 최고의 HTML 텍스트 편집기

코드를 작성하기 위해 Notepad와 같은 간단한 텍스트 편집기를 사용하는 것은 좋은 생각이 아닙니다. 특히 무료로 제공되는 전용 텍스트 편집기가 있을 때는 더욱 그렇습니다. 이 기사는 최고의 텍스트 편집기를 추천해 달라는 수많은 메시지에 대한 응답입니다.

이번에는 웹 개발자를 위한 것이므로 HTML 및 Javascript 편집기에 초점을 맞추고 있습니다.

다음은 10대 HTML 텍스트 편집기입니다:

1. Popline

Popline은 WYSIWYG 기반 HTML 편집기입니다. WYSIWYG는 “What You See Is What You Get”의 약어입니다.
이 편집기에 대한 Git의 설명은 다음과 같습니다:
Popline은 페이지에서 텍스트 조각을 선택한 후에만 나타나는 비침해적인 WYSIWYG 편집기입니다. popclip에서 영감을 받았습니다.

2. Squire

Squire는 HTML5 리치 텍스트 편집기로, 강력한 크로스 브라우저 정규화를 제공하면서도 매우 가볍고 유연합니다. 현재와 미래를 위해 구축되었으며, 따라서 정말 오래된 브라우저는 지원하지 않습니다. Opera 12, Firefox 3.5, Safari 5, Chrome 9 및 IE9까지는 잘 작동해야 합니다.

3. WYSI HTML5

wysihtml5는 HTML5 기술과 점진적 향상 접근 방식에 기반한 오픈 소스 리치 텍스트 편집기입니다. 유지 관리가 불가능한 태그 수프와 인라인 스타일을 방지하여 완전히 유효한 HTML5 마크업을 생성하는 것을 목표로 합니다.

4. Mercury

완전한 기능을 갖춘 HTML 5 텍스트 편집기로, 모든 HTML 5 요소 구문과 Javascript를 지원합니다. 간단한 Markdown, Snippet, HTML, 미리보기 기능, 비디오, 이미지 등을 지원하는 특정 기능을 제공합니다.

5. Rendera

Rendera는 현재 작업을 미리 볼 수 있는 기능을 제공하는 온라인 HTML 5 텍스트 편집기입니다. 현재 작업을 CSS로 변환합니다. SASS와 HAML을 지원합니다. CoffeScript와 Sinatra로 구축되었습니다.

6. Aloha Editor

Aloha Editor는 웹 페이지에서 사용할 수 있는 오픈 소스 WYSIWYG 편집기입니다. Aloha Editor는 사용하기 쉽고 편집 속도가 빠르며 고급 인라인 편집을 허용하는 것을 목표로 합니다. 첫 번째 버전은 2010년 7월 15일에 출시되었습니다.

7. Blue Griffon

BlueGriffon은 월드 와이드 웹을 위한 새로운 WYSIWYG 콘텐츠 편집기입니다. Firefox의 렌더링 엔진인 Gecko로 구동되며, 최신 웹 표준에 따라 웹 페이지를 편집하기 위한 현대적이고 강력한 솔루션입니다.

8. Qute

TeX와 Markdown을 지원하는 간단한 텍스트 편집기입니다. 각 단락을 미리 볼 수 있으며, 시스템의 편집 모드와 보기 모드 간에 전환할 수 있습니다. 시스템의 모든 고급 기능도 지원합니다.

9. Raptor

오픈 소스 Javascript 편집기입니다. 사용자 친화적이며, 통합 및 사용자 정의가 쉽습니다. 기본적으로 인라인 편집 및 다중 블록 레이아웃을 위해 설계되었습니다. 모든 고급 기술을 사용합니다.

10. LineControl

LineControl은 웹 애플리케이션/사이트에 아름답고 반응형이며 빠른 온라인 텍스트 편집기를 추가할 수 있게 해줍니다. LineControl은 Twitter Bootstrap과 함께 작동하도록 설계되었으며 Jquery 플러그인으로 사용됩니다. 프로젝트에 플러그인을 추가하려면 JS 및 CSS 파일을 HTML 템플릿에 포함하기만 하면 됩니다.