웹솔루션개발 25년 노하우! 해피CGI의 모든것

Richtext Editor 기반의 텍스트위주의 에디터 입니다. 첨부파일을 다운로드 받아서 압축을 해제하여 demo.html 파일을 웹브라우저로 열어보면 에디터 프로그램의 데모확인이 됩니다. 텍스트 위주의 입력이 가능하며, 이미지링크, 하이퍼링크, 텍스트정렬, 텍스트 하이라이트 정도의 심플한 기능만 가지고 있으며, 에디터를 구성하는 프로그램 자체가 위 그림 처럼 파일이 3개 뿐이어서 상당히 쉽게 웹페이지에 붙여넣을수 있게 되어 있네요. 출처는 https://www.sourcecodester.com/javascript/12538/simple-richtext-editor-based-pelljs.html 입니다.

* ckeditor - Easy Image - 이 플러그인은 플러그인은 에디터내 이미지 삽입시 이미지 관련 설정을 손쉽게 할 수 있도록 도와줍니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/imagebase - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'imagebase'; - 이미지를 에디터 전체화면으로 사용하는 버튼입니다. - 이미지는 우측으로 정렬하는 기능입니다. - 이미지에 파란색 그라디언트를 입히는 버튼입니다. ..

html 을 처음 다뤄보시거나 html 편집기를 이용해본적이 없으신분들은 가장 간단하게 이용하여 즉시 확인할 수 있는 웹편집기 html-online 을 추천해드립니다. 별도 에디터 없이 홈페이지만 접속해도 에디터를 위지윅으로 위지윅을 에디터로 볼 수 있는 화면을 확인할 수 있어, 어떤 방식으로 코딩이 진행되는지를 한눈에 확인할 수 있습니다. 위처럼 좌측 위지윅에디터와 우측 html 편집기로 호환되어 있으며, html 편집기를 이용하여 코드 작성시 에디터상에 즉시 반영이 되며, 에디터로 편집하여도 html 편집기에 즉시 반영됩니다. 위와같은 코드를 적용하면 위와같이 코드가 즉시 반영되어 어떤 내용을 입력하고 있는지를 바로 확인할 수 있습니다.^^

서브라임 텍스트는 강력한 기능의 텍스트 에디터이면서 최신 웹 트렌드에 맞는 통합개발환경입니다. 플로그인 설치를 통해 더욱 다양한 기능을 이용하실 수도 있습니다. 또한 윈도우를 비롯하여 맥,리눅스에서도 설치 및 사용가능합니다. 유료 라이센스지만 등록하지 않아도 왠만한 개발관련(JavaScript, Node.js, Java, html, php,css ...) 부분은 자유롭게 이용할 수 있습니다. 참고로 대부분의 환경설정은 소스코드로 설정해야 하며, 환경설정 파일 및 방법은 본 사이트에서 확인 가능합니다. 기본적인 기능외에도 다양한 플로그인을 설치하여 더욱 강력한 기능을 사용할 수 있으며, 네이버 검색창에 "sublimetext" 검색하시면 사용설명 및 플로그인 설치법을 확인할 수 있습니다.

* ckeditor - Simple Button - 이 플러그인은 문서내에 일반 또는 링크 버튼을 간편하게 생성할 수 있게 도와줍니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/simplebutton - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'simplebutton'; - 위지윅에디터를 확인하면 아래 아이콘이 추가 된 것을 확인할 수 있습니다. - 버튼에 들어갈 문구와 링크 URL, 버튼 색상을 선택하면 완료 - 버튼..

http://www.coffeecup.com/ 사이트에서 Free 버젼의 HTML 편집기를 다운받아 사용하실 수 있습니다. (유료 버젼도 있지만, 간단하게 Free 버젼만으로도 편집이 가능하겠습니다.) 1. Free 버젼의 파일을 다운로드 받아, 설치합니다. 2. 설치완료후 html, css 파일등 편집이 가능합니다.

RecordEditor는 유닉스/PC/레거시(예-메인프레임...) 파일형식과 텍스트 및 바이너리 파일을 지원합니다. 파일 형식은 고정 폭 (텍스트 또는 바이너리) 파일, 코볼 데이터 파일, 메인 프레임 파일과 복잡한 CSV 파일에 이상적인 Record-Layout기술을 사용합니다. [제공되는 유틸리티] - 서식 비교 - 파일 복사 및 유틸리티를 다시 포맷 - 파일형식 해결을 위해 FileWizard을 사용하며 일반적으로 파일의 텍스트와 바이너리/deicimal 필드를 모두 찾을 수 있습니다 [특징] - 바이너리 코볼, 메인 프레임, 텍스트, CSV 및 XML 등의 많은 형식을 편집 할 수 있습니다 - 고정형식(즉 메인 프레임 / 코볼 데이터 파일) - CSV, XML 및 HTML로 내보내기를 할 수 있습..

* ckeditor - Code Snippet - 이 플러그인은 에디터네 소스코드 삽입시 구문 강조를 도와줍니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/codesnippet - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'codesnippet'; - 툴바에 추가된 아래 아이콘을 눌러 소스코드를 입력합니다. - 입력 후 [확인] 버튼을 누르면 에디터에 아래와 같이 소스코드가 강조되어 보여집니다.

흔히 드림위버나 나모, 에디트플러스를 많이 이용합니다. 하지만 구매를 해야하거나 기간제한이 있게 마련입니다. 이에 Adobe에서 제작하고 무료로 배포하는 brackets 에디터를 소개해 드립니다. brackets 에디터는 공식 사이트인 http://brackets.io/ 에서 다운받을 수 있으며 윈도우 OS 외 기타 OS용도 https://github.com/adobe/brackets/releases 에서 다운 받을 수 있습니다. brackets 의 기능 중 태그를 보다 쉽게 입력할 수 있는 기능이 있습니다. 를 입력하면.. 자동으로 해당 태그가 입력이 됩니다. 그외에도 특정 폴더를 선택하면 해당 폴더에 있는 이미지를 미리보기를 하거나 기본 기능외 필요한 기능은 플러그인 형식으로 추가를 할 수 있습니다...

이번 빌드로 아래 사항들이 추가/변경 되었습니다. 특히나 이번 빌드 업데이트로 Alt+마우스 클릭으로 다중 입력 지점 생성은 편하고 좋은 업데이트 같습니다. 변경된 내용 =========== * Ctrl+Alt+Up/Down 키로 다중 입력 지점을 위한 칸 단위 선택 만들기 지원. * Alt+마우스 클릭으로 다중 입력 지점 생성. * '단어 선택' 명령을 연달아 실행하면 다음 일치 부분을 선택 영역에 추가함. * 자동 줄 바꿈 모드에서 칸 단위 선택 허용. * right-to-left 언어 지원 개선. * 클립텍스트에서 다수의 핫스팟 허용. * 여러 파일 찾기 명령에서 '대소문자 구분' 과 '온전한 단어' 옵션을 프로그램 종료 후에도 보존함. * '빈 줄 지우기' 명령을 실행하면 탭과 공백만 있는 줄도 ..