Froala Editor

WYSIWYG는 Word 나 오픈 오피스 같은 데스크톱 소프트웨어와 함께 할 것처럼 사용자가 브라우저 내부의 텍스트를 포맷 할 수 있도록 코드의 부피가 큰 덩어리입니다.

대부분이 포함 된 텍스트 스타일을 도구 모음 버튼의 제비로, 완전히 날려 텍스트 서식 섹션에 간단한 텍스트 영역을 변환하여 작동합니다.

페이지에 RTE를 추가하는 또 다른 방법은 사용자가 텍스트를 선택하고 옆에 컨트롤 포맷으로 팝업을 표시 할 수 있도록하는 것입니다.

두 가지 방법이 중대하다, 그러나 몇몇 WYSIWYG 에디터는 이러한 편집 경험의 한을에 초점을 맞추고, 두 가지 편집 옵션을 제공합니다.

Froala 편집기 상기 편집 경험을 모두 작업, 고체 WYSIWYG 편집기를 제공하지만, 또한 최신 표준 및 업계 모범 사례에 따라 코딩 꽤 고체 코드베이스를 제공합니다.

는 Froala 편집기는 모바일 장치에서 사용하기에 또한 이상적 모바일 및 망막 지원 주위에 몇 RTEs 중 하나입니다.

편집기의 버튼에 대한 FontAwesome 아이콘 글꼴을 활용하여이 Froala는 HTTP 요청을 줄일 수 있습니다.

는 Froala 편집 도구 모음 내의 모든 개발자 또는 해제 버튼과 기능을 설정하거나 그들이 맞는 볼 사용자 정의 위치로 주변으로 이동 할 수있는 상호 교환이다.

는 Froala 편집기를 아주 잘 WYSIWYG 솔루션은 사용자 정의 옵션의 많은입니다 모두 모두, 문서 및 데모가 포함되어 있습니다.

Froala 편집기는 이중 라이센스 모델에 따라 사용할 수 있습니다. 상업적 사용에 대한 다양한 유료 라이센스가 원하는 사용 요구 사항에 따라 사용할 수 있지만 무료 버전은 크리에이티브 커먼즈 저작자 표시 - 비영리 - NoDerivati​​ves 4.0 국제 라이선스에 따라 이용할 개인 및 비상업적 인 프로젝트입니다. 라이센스 계약을 읽으십시오와 혼합되지 않는

이 릴리스의 새로운 기능입니다 무엇 : 있습니다.

Froala 편집기 1.2.7의 새로운 기능 (5 월 14 일, 2015)

이 버전 2.1.0의 새로운 기능 :

이 pluginsEnabled 옵션을 추가합니다.
명령에 플러그인 속성을 추가합니다.
emoticonsUseImage 옵션을 추가합니다.
링크 // : 메모 할 수 있습니다.
빠른 삽입 플러그인을 추가합니다.
미리보기 이미지 업로드하는 동안.
테이블 삽입 도우미를 추가합니다.
재 설계 라인 차단기 아이콘입니다.

이 버전 1.2.7의 새로운 기능 :

이 beforeUploadPastedImage 이벤트를 추가합니다.
버튼 simpleTags 수 없습니다. allowedAttrs 청소를 향상시킬 수 있습니다.
요소에 추가하기 전에 텍스트 영역 안에 설정되어 청소 HTML.
doNotJoinTags 옵션을 추가합니다.
색상이 개선 된 플러그인이.
linkAttributes 옵션을 추가합니다.
imageAltSet, imageFloatedLeft, imageFloatedNone 및 imageFloatedRight 이벤트를 향상시킬 수 있습니다.
플러그인 요소를 추가합니다.
fileUploaded 이벤트에 대한 응답을 추가합니다.
afterImageUpload 및 afterFileUpload 이벤트를 추가합니다.
는 XMLNode.childNodes와 node.children 교체합니다.
imageResize 및 imageResizeEnd 이벤트를 향상시킬 수 있습니다.
saveParam를 추가합니다.
키보드의 종류에 따라 RTL 또는 LTR 입력 할 수 있습니다.
덴마크어 번역을 향상시킬 수 있습니다.
붙여 넣기를 향상시킬 수 있습니다.
afterPasteCleanup 이벤트를 추가합니다.
링크 내부 텍스트는 더 이상 살균되지 않습니다
iconClasses 옵션을 추가합니다.
useFileName 옵션을 추가합니다.
에스토니아어 번역을 추가합니다.

이 버전 1.2.6의 새로운 기능 :

이 UI에 비활성화 상태를 반영합니다.
자리는 더 이상 기울임 꼴 스타일이 없습니다.
기본 linkAutoPrefix 값은 빈 문자열 대신 false입니다.
창 크기를 조정할 때 팝업이 닫혀있다.
더 이상 기존 블록 요소의 스타일 입력을 복사하지 않는다.
모든 브라우저에서 비디오 미리보기를 할 수 있습니다.
문자열 자체 대신 charCode 속성을 테스트하여 TAB을 확인합니다.
러시아어 번역을 개선합니다.

이 버전 1.2.5의 새로운 기능 : paragraphy 옵션이 false 인 경우

이 전체 입력을 향상시킬 수 있습니다.
linkAutoPrefix 옵션을 추가합니다.
세정 알고리즘 개선
Enter 키를 눌렀을 때 팝업을 제출합니다.
닫기 팝업은 ESC를 타격 할 때.
실험으로 defaultTag를 추가합니다.
스타일 태그가 더 이상 XSS 방지를 위해 허용되지 않는다.
텍스트 색상 드롭 다운 메뉴에서 기본 선택입니다.
foreColors 옵션을 추가합니다.
backColors 옵션을 추가합니다.
defaultColorOption 옵션을 추가합니다.
backColorsDisabled 옵션을 추가합니다.
foreColorsDisabled 옵션을 추가합니다.
일반 붙여 넣기를 향상시킬 수 있습니다.
편집기에서 텍스트를 극복 향상시킬 수 있습니다.
FR-태그는 더 이상 기본적으로 추가되지 않습니다. useFrTag 대신 사용해야합니다.
editable.imageInserted 이벤트 서버에서 처리되지 않은 응답을 포함하는 하나 이상의 PARAM 응답을 갖는다
추가 & # x3c; P & # X3E; 태그는 더 이상 목록 항목에 추가되지 않습니다.
customImageButtons 옵션을 추가합니다.
옵션 showNextToCursor를 추가합니다.
여러 옵션을 추가합니다.
드래그하여 파일을 업로드하고 편집기에서 직접 놓습니다.
CTRL + E.에 의해 CTRL + F 단축키를 교체
URL의 살균제를 향상시킬 수 있습니다.
자동으로 URL을 변환 할 URL을 플러그인을 추가합니다.
전체 화면 플러그인을 추가합니다.
기본 iframe을 지원.
우크라이나어 언어를 추가합니다.
노르웨이어을 개선합니다.
scrollableContainer 옵션을 추가합니다.
defaultImageAlignment 옵션을 추가합니다.
defaultVideoAlignment 옵션을 추가합니다.
실행 취소 / 다시 실행 절약 성능 향상
allowedEmptyTags 태그는 더 이상 사용할 수 없습니다.
allowedBlankTags는 속성이없는 빈 태그를 허용하는 데 사용되어야한다.
inline_styles 플러그인을 추가합니다.
useClasses 옵션을 추가합니다.
인라인으로 표시하거나 텍스트를 깰 이미지 옵션을 추가합니다.
이미지 처리기 디자인을 변경합니다.
드롭 다운으로 이미지 정렬 버튼을 추가합니다.
floatImageLeft, floatImageNone 및 floatImageRight 버튼을 제거 하였다. 정렬 버튼을 대신 사용해야합니다.
textNearVideo 옵션을 추가합니다.

이 버전 1.2.3의 새로운 기능입니다 :

이 메커니즘을 관리하는 이벤트를 향상시킬 수 있습니다.
동기화를 개선하고 관리자를 실행 취소.
붙여 넣기 초점을 개선합니다.
0으로 설정된 경우 defaultImageWidth 옵션은 무시한다.
를 setDirty 방법을 추가합니다.
blockTags 옵션은 이제 더 태그를 사용할 수 있습니다.
워드 붙여 넣기를 향상시킬 수 있습니다.
insertHTML를 방법을 개선합니다.
fixedToolbar 옵션이 false 인 경우 부동 도구 모음을 향상시킵니다.
모바일 기기에서 버튼 클릭 경험을 향상시킬 수 있습니다.

이 버전 1.2.2의 새로운 기능 :

이 char_counter 플러그인을 추가합니다.
allowedAttributes의 검토 목록입니다.
allowedTags의 검토 목록입니다.
beautifyCode 옵션을 추가합니다.
onPaste 이벤트를 추가합니다.
shortcutsAvailable 옵션 : 바로 가기에 대한 세분화 된 컨트롤을 추가합니다.
convertEmailAddresses 옵션을 추가합니다.
링크를 삽입 UX를 향상시킬 수 있습니다.
badLink 이벤트를 추가합니다.
모든 브라우저에서 붙여 넣기 개선
이미지를 이동 지금은 너무 IE에서 작동합니다.
pasteImage 옵션을 추가합니다.
청소를 향상시킬 수 있습니다.
왕실 테마를 추가합니다.
사용자 지정 드롭 다운에 대한 새로 고침 및 refreshOnShow 옵션을 추가합니다.
사용자 정의 버튼에 새로 고침 옵션을 추가합니다.
이미지 링크로 삽입 될 때 로더를 표시합니다.
videoAllowedAttributes 및 videoAllowedTags를 추가합니다.
버튼없이 다시 실행 / 실행 취소 할 수 있습니다.
imageTitle 옵션을 추가합니다.

이 버전 1.2.0의 새로운 기능입니다 목록 작업을위한

이 새로운 알고리즘입니다.
중첩 된 목록.
목록 이제 플러그인입니다.
지원 파일.
코드의 가독성을 향상시킬 수 있습니다.
배경색을 제거하기 위해 추가 버튼을 클릭합니다.
텍스트 색상을 제거하기 위해 추가 버튼을 클릭합니다.
테마 파일에 개선.
레드 테마를 추가합니다.
회색 테마를 추가합니다.
선택한 텍스트가 없을 때 링크를 추가합니다.

이 버전 1.1.9의 새로운 기능 :

이 수정 된 버그 :
워드 붙여 넣기.
웹킷 브라우저에서 fontSize는 시작합니다.
정규식 수정을 청소합니다.
붙여 넣기 페이지 깜박임.
웹킷 브라우저에서 붙여 넣기에 위치 커서.

이 버전 1.1.7의 새로운 기능입니다 :

저장 / 선택이 여러 범위 작동 복원합니다.

이 버전 1.1.6의 새로운 기능입니다 :

이 테이블.
URL로 동영상을 삽입합니다.
속도 향상.
IE8에 대한 지원을 추가합니다.
안드로이드 지원 개선.
모바일 팝업 위치를 향상시킬 수 있습니다.
simpleAmpersand 옵션을 추가합니다.
IMAGELINK 옵션을 추가합니다.
독일어 언어 개선.
아름답게하는 별도의 lib 디렉토리로 사용하고 더 이상 사용할 수 기본적으로하지 않습니다.
의 maxHeight 옵션을 추가합니다.
기본은 기본적으로 더 이상 사용할 수 없습니다,하지만 옵션은 전환 할 수 있습니다.
inverseSkin는 테마 옵션으로 대체됩니다.
테마 CSS 파일입니다.
HTML 출력을 향상시킬 수 있습니다.
이탈리아어 번역을 향상시킬 수 있습니다.
색상 / 글꼴 크기에서 시작합니다.
사용자가 이미지를 서버에서 오류를 반환 할 수 있습니다.
BR 태그와 함께 눈에 보이지 않는 공간을 교체합니다.
프랑스어 번역을 개선합니다.
saveRequestType 옵션을 추가합니다.
이미지 콜백 매개 변수 대신 SRC으로의 jQuery 개체를 가져옵니다.
대신 jQuery 코드의 정규 표현식 청소 HTML.
에디터는 이미지를 초기화 할 수 있습니다.
에디터 링크를 초기화 할 수 있습니다.
옵션은 팝업의 DOM 요소의 텍스트를 편집 할 수 있습니다.
선택할 수있는 링크의 기본 목록을 전달합니다.
다른 탭에서 링크를 엽니 옵션을 추가합니다.
disableRightClick 옵션을 추가합니다.
blockStylesToggle 옵션을 추가합니다.
trackScroll 옵션을 추가합니다.
unlinkBut​​ton 옵션을 추가합니다.

이 버전 1.1.5의 새로운 기능 :

이 초점 방법을 추가합니다.
마우스 오른쪽 버튼으로 클릭에 대한 편집기를 표시합니다.
에디터는 이제 이미지를 초기화 할 수 있습니다.
imageUploadToS3 옵션은 아마존 S3에 업로드합니다.
이미지 업로드를 사용하지 않도록 설정하는 옵션을 imageUpload.
드롭 다운을 사용자 정의 할 수 customDropdowns이 옵션을 선택합니다.
blockStyle 사용자 지정 blockStyle를 설정하는 명령.
blockStyles 옵션은 특정 blockStyles을 설정합니다.
defaultBlockStyle 옵션은 기본적으로 사용 가능한 블록 스타일을 설정합니다.
방법을 파괴 향상시킬 수 있습니다.
자리 표시 자 지원을 개선합니다.
코딩 모드 개선합니다.
코드와 blockquotes의 새로운 라인을 개선합니다.
설정 미디어 관리자는 항상 JSON이 아닌 텍스트를 기대합니다.
업데이트 4.1.0을 FontAwesome합니다.
단락 아이콘을 교체합니다.
색상 아이콘을 교체합니다.
도구 모음에서 다 fontFamily 추가 버튼을 클릭합니다.
도구 모음에서 blockStyle 추가 버튼을 클릭합니다.
도구 모음에서 다시 HTML 버튼을 추가합니다.
# 및 /로 시작하는 URL을 허용합니다.
동기화 이미지가 제거 될 때.

이 버전 1.1.4의 새로운 기능입니다 :

이 이동 writeVideo 자신의 방법에 관한 것이다.
지원을 포장 개선합니다.
getHTML 방법을 개선합니다.
블록 서식을 향상시킬 수 있습니다.
설정 배경 색상도 고려 부모에 걸릴 것이다.
contentChangedCallback 지원을 개선합니다.
HTML을 저장할 때 보이지 않는 문자를 제거합니다.
명령이 활성화되어 있는지 확인하기 위해이 isActive 방법을 추가합니다.
취소 메커니즘을 개선합니다.
이미지에 대한 미디어 매니저.
Z- 색인 옵션을 추가합니다.
autosaveInterval 최소 100로 변경되었습니다.
XSS 지원을 향상시킬 수 있습니다.
insertHTML를 방법을 개선합니다.
적인 saveURL은 더 이상 저장 트리거하는 데 필요하지 않습니다.
allowedImageTypes 옵션을 사용하여 이미지 제한을 추가합니다.
CTRL + 백 스페이스 텍스트를 절단됩니다.
텍스트 들여 쓰기에 CTRL +].
CTRL +는 [텍스트내어 쓰기됩니다.
CTRL + & quot; 따옴표로 텍스트를 포맷한다.
CTRL + & #의 x5c; 코드와 텍스트를 포맷한다.
양식을 제출하기 전에 동기화합니다.
이 선택 될 때 삭​​제 쳐서 이미지를 삭제합니다.
이미지가 내려지고 선택하면 입력 타격.
maxImageSize 옵션은 업로드 전에 이미지 크기를 제한 할 수 있습니다.
삽입에 이미지 크기를 설정하는 defaultImageWidth 옵션을 추가합니다.
afterRemoveImageCallback 이제 PARAM로 이미지 SRC를 받고있다.
이미지 제거 제어가 향상되었습니다.
수평 라인 명령.
글꼴 가족 지원.

이 버전 1.1.3의 새로운 기능입니다 : HTML에서

사용자 정의 태그가 더 이상 제거됩니다.
의 minHeight 옵션을 선택합니다.
removeFor​​mat 방법.
커서가 어디에 이미지가 삽입됩니다.
실행 취소를 선택하고 커서 위치를 유지합니다.
& quot; 기다릴 & quot주세요 메시지가 이미지를 업로드 할 때.

이 버전 1.1.2의 새로운 기능입니다 :

이 추가 된 :
textNearImage 옵션을 선택합니다.
imageButtons 옵션을 선택합니다.
alwaysVisible 옵션을 선택합니다.
따르지 옵션을 선택합니다.
alwaysBlank 옵션을 선택합니다.
plainPaste 옵션을 선택합니다.
아이콘 옵션을 선택합니다.
붙여 넣기위한 콜백.
gettext에 () 메소드.

이 추가 언어 지원 (28 개 언어) :

이 버전 1.1.0의 새로운 기능입니다.
역 피부 색상.
인용구는 처음에 견적을 가지고있다.
이미지 업로드 요청에 추가 매개 변수.
추가 매개 변수는 요청을 저장합니다.
비디오를 지원합니다.
도구 모음 사용자 정의 버튼.
Paragraphy 옵션을 선택합니다.

이 버전 1.0.6의 새로운 기능 :

이 인라인 편집기에 대한 IE 11 지원을 개선합니다.
자리 HTML5에서 자리 표시 자처럼 작동합니다.
옵션 imageMove을 설정하여 편집기에서 이미지 이동을 허용합니다.
버튼 저장에 추가합니다.
툴팁 메시지 텍스트가되며 customText 옵션을 통해 사용자 정의 할 수 있습니다.
툴바 상단에 머물거나 스크롤과 함께 이동할 수 있습니다.
옵션 스트립 & #의 x3c하는, 스크립트 & # X3E을; 꼬리표.

이 버전 1.0.5의 새로운 기능입니다 : 당신이 그것을에서 버튼을 클릭하면

그림 팝업이 활성화 유지됩니다.
목록 지원을 개선합니다.
링크 / 링크 해제 후 정리.
당신이 그것을 외부에 마우스를 놓고 선택이있을 때 편집기가 활성화 가져옵니다.
업데이트 자리 표시 스타일.
Gethtml 방법은 반환 된 HTML을 정리합니다.

이 버전 1.0.4의 새로운 기능 :

이 터치 지원을 개선합니다.
수정 된 문제를 나열합니다.
타격 탭 4 공백을 삽입합니다.
텍스트 서식을 잃어버린 방지하기 위해 이미지 드래그를 사용하지 않도록 설정합니다.

이 버전 1.0.3의 새로운 기능입니다 http://uploads.im에

이미지 업로드.

이 요구 사항 :

이 자바 스크립트는 클라이언트 측에서 사용 가능
jQuery를 1.10.2 이상