jQuery 나 JavaScript 기반 WYSIWYG 편집기 10 개 정리

온라인 으로 콘 텐 츠 를 편집 할 때 자 바스 크 립 트 기반 편집기 들 이 큰 도움 을 주 었 습 니 다.보 이 는 것 이 바로 얻 는 것(WYSIWYG)편집기 들 이 우리 에 게 오피스 와 유사 한 것 을 제공 해 주 었 습 니까?라 는 조작 체험 을 했다.현재 모든 사이트 콘 텐 츠 관리 시스템(CMS)과 블 로그 시스템 에 이런 편집기 가 필요 하 다.본 고 는 자 바스 크 립 트 를 기반 으로 한 5 개 를 정선 하 였 습 니까?jQuery 프레임 워 크 기반 편집기 5 개MarkitUp C jQuery
Official Website | Demo MarkitUp
markItUp! 그것 은'모든 기능,남용'편집기 가 아니다.반대로 이것 은 매우 경량급 이 고 맞 춤 형 이 며 유연 한 텍스트 편집기 로 발전의 수 요 를 만족 시 키 기 위해 CMSes,블 로그,포럼 또는 사이트 에 있다.markItUp !WYSIWYG 편집기 가 아니 라 간단 하고 실 용적 인 텍스트 편집기 입 니 다.키보드 단축 키 를 빠르게 이식 하고 사용 하여 Ajax 의 동적 미리 보기 호 환 을 지원 하 는 브 라 우 저:IE7,Safari 3.1,Firefox 2,Firefox 3.IE6 and Opera 9+as-is.허가:MIT/GPL 파일:휴대용,자원 절약,6.5Kb.jWYSIWYG C jQuery
Official Website | Demo jWYSIWYG
jWYSIWYG,이 플러그 인 은 내 장 된 콘 텐 츠 편집기 로 HTML 콘 텐 츠 를 편집 할 수 있 습 니 다.WYMeditor 를 대체 하고 편리 하고 실 용적 인 기능 이다.파일 크기 가 17Kb 미 만 과 26Kb 총액 은 9Kb 18Kb 코드 와 7Kb 휴대용 에 불과 하 다.GNU General Public License v2 작고 가 벼 운 지원 Ajax 의 동적 미리 보기 호 환 주류 브 라 우 저 Lightweight RTE-jQuery
Official Website | Demo jWYSIWYG
이 풍부 한 텍스트 편집 기 는 가능 한 한 간단하게 우리 의 기본 적 인 편집 수 요 를 바 꿀 수 있다.초경 량 급,7kb 호 환 주류 브 라 우 저 간결,우아 한 GNU General Public License HTML Box C jQuery
Official Website | Demo HTMLBox
HTML 박스,브 라 우 저 를 뛰 어 넘 는,개 원 된 HTML/XHTML 텍스트 기반 jQuery 라 이브 러 리.Mozilla Firefox,Inrernet 브 라 우 저,Netscape,Safari 브 라 우 저 테스트 를 통 과 했 습 니 다.일체 화 된 Html Box 는 CMS,포럼,게시판,블 로그 에 통합 되 기 쉽다.주류 브 라 우 저 를 통합 적 으로 호 환 하기 쉽 습 니 다.크기 는 15kb(최소 11kb)만 XHTML 출력 을 지원 합 니 다.Ajax 의 동적 미리 보 기 를 지원 하 는 완전한 사용자 매 뉴 얼 이 있 습 니 다.이 는 모든 단계 의 통합 HtmlBox 를 응용 프로그램 과 맞 춤 형 으로 만 들 수 있 습 니 다.D Small Rich Text Editor C jQuery
Official Website | Demo D Small Rich Text Editor
풍부 한 텍스트 편집기,IFRAME 요 소 를 사용 하여 복잡 한 텍스트 편집 을 만족 시 킬 수 있 습 니 다.크기(~18k)!(휴대용/Minified JS,Plugins&CSS 를 합치 면 12k w/o GZIP,HTML can be reduced to~3k using GZIP,Images(w/o emoticons)are less than 3k)호 환 주류 브 라 우 저 는 모든 기본 기능 지원 플러그 인 기능 이미지 업 로드 를 지원 하 며 AJAX 를 통 해 이 루어 집 니 다(Ajax FileUpload plugin 을 사용 합 니 다).텍스트 영역 을 조정 할 수 있 습 니 다.XHTML 1.0 인증 및 필터 지원(참고:이것 은 editor's markup 을 참조 하 며 it's generated content 가 아 닌 may 또는 유효 하지 않 을 수 있 습 니 다!).HTML 수정 기능 이 있 습 니 다.WYMEditor C jQuery.
Official Website | Demo WYMEditor
WYMeditor 는 네트워크 를 기반 으로 한 WYSIWYM(당신 이 본 당신 의 뜻)의 XHTML 편집기 입 니 다.WYMeditor 의 주요 개념 은 디 테 일 한 파일 의 시각 적 레이아웃 에서 벗 어 나 구조 와 의미 에 중점 을 두 는 것 입 니 다.또한 사용자 에 게 편안 한 텍스트 편집기 XHTML strict+CSS compliant 는 글꼴 이나 텍스트 형식 이 없습니다.크기 나 색상 C 는 css 스타일 을 기반 으로 프로그램 에 설치 할 필요 가 없습니다.100%Javascript 코드 로 작 성 된 것 입 니 다.-플러그 인 없 음,지연 되 지 않 음 Image,link,table 지원 CSS 는 API 가 있 습 니 다.플러그 인 자유 와 오픈 소스 호 환 을 지원 합 니 다.주류 브 라 우 저 TinyMCE C non-jQuery
Official Website | Demo TinyMCE
TinyMCE 는 웹 기반 자바 script 의 HTML WYSIWYG 편집기 로 개 원 된 독립 된 플랫폼 입 니 다.인 스 턴 스 를 편집 하기 위해 강력 한 HTML 텍스트 나 다른 요소 변환 능력통합 하기 쉽 습 니 다.-몇 줄 의 코드 사용자 정의-테마 와 플러그 인 만 있 으 면 잘못된 요소 와 속성 을 막 을 수 있 습 니 다.주요 브 라 우 저 C Mozilla,MSIE,FireFox,Opera,Safari 및 Chrome 을 호 환 합 니 다.경량급 C PHP/.NET/JSP/Coldfusion GZip compressor,Makes TinyMCE 75%smaller and a lot faster to load.언어 팩 을 사용 하여 국제 화 C 다 국어 지원 을 지원 합 니 다.LGPL 라 이 센 스 하에 서 무료 로 오픈 소스 C,매일 이 편집 기 를 테스트 하고 개선 하 는 데 도움 이 되 는 수백 만 ppl.fckeditor C Non-jQuery
Official Website | Demo fckeditor
이 HTML 텍스트 편집 기 는 MS Word 와 같은 기능 을 가지 고 있 습 니 다.호 환 주류 브 라 우 저 지원 XHTML 1.0 을 설치 하지 않 아 도 CSS 글꼴 형식 을 맞 출 수 있 습 니 다.type,size,color,style,bold,italic,etc 텍스트 형식:alignment,indentation,bullets list,etc 지원 Cut,Paste,and Paste as Plain Text,Undo and Redo Paste from Word cleanup with auto detection 지원 그림 삽입,업로드,미리 보기 오른쪽 단 추 를 누 르 면 드 롭 다운 메뉴 지원 플러그 인 은 스마트 맞 춤 법 검사 프로그램의 경량급 과 빠 른 자동 검색 및 맞 춤 형 브 라 우 저 Yahoo YUI Rich Text Editor C Non-jQuery 가 있 습 니 다.
Official Website | Demo Yahoo UI RTE
The Rich Text Editor 는 Yahoo YUI 가 개발 한 것 으로 표준 HTML 텍스트 를 대체 할 수 있 습 니 다.텍스트 글꼴 선택,굵기,기울 임 꼴,질서 있 는 목록,무질서 목록,링크,그림 드래그,도구 모음 은 플러그 인 을 통 해 확장 가능 하 며 고도 의 맞 춤 형 설정 을 실현 할 수 있 습 니 다.Xinha C Non-jQuery
Official Website | Demo Xinha
Xinha(pronounced like Xena,the Warrior Princess)는 현재 모든 브 라 우 저 를 지원 하 는 강력 한 기능 을 가 진 HTML 편집기 구성 요소 입 니 다.configurabilty 와 확장 성 으로 적합 한 내용 을 쉽게 생 성 할 수 있 습 니 다.무제 한 입 니 다.
출처:http://blog.sn00py.cn/2010/03/10%e4%b8%aa%e5%9f%ba%e4%ba%8ejquery%e6%88%96javascript%e7%9a%84wysiwyg-%e7%bc%96%e8%be%91%e5%99%a8/

좋은 웹페이지 즐겨찾기