Froala Editor

WYSIWYG là khối cồng kềnh mã cho phép người dùng để định dạng văn bản bên trong trình duyệt của họ giống như họ đã làm với phần mềm máy tính để bàn như Word hoặc OpenOffice.

Hầu hết trong số họ làm việc bằng cách chuyển một vùng văn đơn giản thành một phần văn bản định dạng hoàn toàn diện, với rất nhiều các thanh công cụ và các nút để tạo kiểu cho văn bản có.

Một cách khác để thêm một RTE đến một trang là để cho phép người dùng lựa chọn văn bản và sau đó hiển thị một popup với định dạng điều khiển bên cạnh nó.

Cả hai cách là rất lớn, nhưng vài trình soạn thảo WYSIWYG cung cấp cả các tùy chọn chỉnh sửa, tập trung vào chỉ là một trong những kinh nghiệm chỉnh sửa.

Froala biên tập cung cấp một trình soạn thảo WYSIWYG vững chắc, làm việc cho cả hai trong những kinh nghiệm chỉnh sửa nói trên, mà còn cung cấp một cơ sở mã khá vững chắc, được mã hóa theo các tiêu chuẩn mới nhất và thực hành tốt nhất trong ngành.

Các Froala Editor là một trong số ít các RTEs xung quanh với sự hỗ trợ điện thoại di động và võng mạc, làm cho nó cũng lý tưởng cho việc sử dụng trên các thiết bị di động cũng có.

Bằng cách sử dụng các phông chữ biểu tượng FontAwesome cho các nút của trình soạn thảo, Froala cũng làm giảm các yêu cầu HTTP khi tải trình chỉnh sửa, cải thiện thời gian tải trang và cung cấp một dễ dàng hơn nhiều với phong cách biên tập giao diện người dùng.

Những thứ bên trong thanh công cụ chỉnh sửa Froala là hoán đổi cho nhau, các nhà phát triển có thể chuyển các nút và chức năng hoặc tắt, hoặc di chuyển chúng xung quanh các vị trí tùy chỉnh như họ thấy phù hợp.

Tất cả trong tất cả các Froala Editor là một giải pháp thực hiện rất tốt WYSIWYG, với rất nhiều lựa chọn tùy biến, tài liệu và trình diễn kèm.

Froala Editor là có sẵn theo một mô hình cấp phép kép. Phiên bản miễn phí là các dự án cá nhân và phi thương mại có sẵn theo giấy phép Creative Commons Ghi công-phi thương mại-NoDerivatives 4,0 Giấy phép quốc tế, trong khi đối với việc sử dụng thương mại, giấy phép được thanh toán khác nhau có sẵn, tùy thuộc vào yêu cầu sử dụng mong muốn. Hãy chắc chắn để đọc các thỏa thuận cấp phép và không được lẫn lộn

Điều gì là mới trong phiên bản này:.

Mới trong Froala biên tập 1.2.7 (14 Tháng Năm 2015)

Điều gì là mới trong phiên bản 2.1.0:

• Thêm tùy chọn pluginsEnabled.
• Thêm cắm tài sản cho các lệnh.
• Thêm tùy chọn emoticonsUseImage.
• Cho phép ghi chú:. // Cho các liên kết
• Thêm Plugin chèn nhanh.
• Hình ảnh xem trước khi tải lên.
• Thêm chèn bảng helper.
• Thiết kế lại biểu tượng dòng máy cắt.

Điều gì là mới trong phiên bản 1.2.7:.

• Thêm sự kiện beforeUploadPastedImage
• Buttons không simpleTags. Cải thiện làm sạch allowedAttrs.
• sạch HTML được thiết lập bên trong textarea trước khi thêm nó vào phần tử.
• Thêm tùy chọn doNotJoinTags.
• Màu sắc có plugin đã được cải thiện.
• Thêm linkAttributes tùy chọn.
• Cải thiện imageAltSet, imageFloatedLeft, imageFloatedNone và imageFloatedRight sự kiện.
• Thêm thực thể cắm.
• Thêm phản ứng với các sự kiện fileUploaded.
• Thêm afterImageUpload và afterFileUpload sự kiện.
• Thay thế node.children với node.childNodes.
• Cải thiện imageResize và imageResizeEnd sự kiện.
• Thêm saveParam.
• Cho phép gõ trong RTL hoặc LTR theo kiểu bàn phím.
• Cải thiện dịch tiếng Đan Mạch.
• Nâng cao dán.
• Thêm afterPasteCleanup sự kiện.
• Text bên trong liên kết không được làm vệ sinh nữa
• Thêm iconClasses tùy chọn.
• Thêm tùy chọn useFileName.
• Thêm bản dịch tiếng Estonia.

Điều gì là mới trong phiên bản 1.2.6:.

• Phản ánh trong giao diện người dùng trạng thái vô hiệu hóa
• giữ chỗ đã không còn phong cách nghiêng.
• Giá trị mặc định linkAutoPrefix là chuỗi rỗng thay vì giả.
• Popups được đóng cửa khi cửa sổ được thu nhỏ.
• Nhập không còn sao chép phong cách của các yếu tố ngăn chặn trước.
• Cho phép xem trước video trong tất cả các trình duyệt.
• Kiểm tra TAB bằng cách kiểm tra các charCode thay vì chuỗi chính nó.
• Cải thiện bản dịch tiếng Nga.

Điều gì là mới trong phiên bản 1.2.5:.

• Cải thiện gõ tổng thể khi lựa chọn paragraphy là sai
• Thêm tùy chọn linkAutoPrefix.
• Cải thiện thuật toán làm sạch
• Gửi popup bằng cách nhấn ENTER.
• Đóng popup khi nhấn ESC.
• Thêm defaultTag là thử nghiệm.
• Thẻ kiểu không còn được phép để ngăn ngừa XSS.
• Văn bản được lựa chọn mặc định trong các màu sắc thả xuống.
• Thêm foreColors tùy chọn.
• Thêm backColors tùy chọn.
• Thêm tùy chọn defaultColorOption.
• Thêm tùy chọn backColorsDisabled.
• Thêm tùy chọn foreColorsDisabled.
• Nâng cao dán đồng bằng.
• Cải thiện ứng phó văn bản trong trình soạn thảo.
• fr-tag không còn được thêm vào mặc định. useFrTag nên được sử dụng thay thế.
• editable.imageInserted sự kiện có thêm một param, phản ứng, có chứa các phản ứng chưa qua chế biến từ các máy chủ
• tắm & # x3c; p & # x3e; thẻ không còn được thêm vào trong danh sách các mục.
• Thêm customImageButtons tùy chọn.
• Thêm tùy chọn showNextToCursor.
• Thêm tùy chọn Multiline.
• file Tải lên bằng cách kéo và thả trực tiếp trong trình soạn thảo.
• Thay thế CTRL + F tắt bằng tổ hợp phím CTRL + E.
• Cải thiện chất khử trùng URL.
• Add URL plugin sẽ tự động chuyển đổi URL.
• Thêm Plugin toàn màn hình.
• iframe hỗ trợ cơ bản.
• Thêm ngôn ngữ tiếng Ukraina.
• Cải thiện ngôn ngữ Na Uy.
• Thêm tùy chọn scrollableContainer.
• Thêm tùy chọn defaultImageAlignment.
• Thêm tùy chọn defaultVideoAlignment.
• Cải thiện undo / redo tiết kiệm năng
• allowedEmptyTags thẻ là không còn nữa.
• allowedBlankTags nên được sử dụng để cho phép thẻ trống mà không có bất kỳ thuộc tính.
• Thêm inline_styles plugin.
• Thêm useClasses tùy chọn.
• Thêm tùy chọn hình ảnh để hiển thị như nội tuyến hoặc phá vỡ văn bản.
• Thay đổi hình ảnh xử lý thiết kế.
• Thêm nút chỉnh lề cho hình ảnh như là một danh sách thả xuống.
• floatImageLeft, floatImageNone và floatImageRight nút đã được gỡ bỏ. chỉnh nút nên được sử dụng thay thế.
• Thêm textNearVideo tùy chọn.

Điều gì là mới trong phiên bản 1.2.3:.

• Cải thiện sự kiện quản lý cơ chế
• Cải thiện đồng bộ và hoàn tác quản lý.
• Nâng cao dán tập trung.
• defaultImageWidth tùy chọn được bỏ qua nếu nó được đặt thành 0.
• Thêm phương setDirty.
• blockTags lựa chọn chấp nhận nhiều thẻ bây giờ.
• Cải thiện Lời dán.
• Cải tiến phương pháp insertHTML.
• Cải tiến thanh công cụ nổi khi fixedToolbar lựa chọn là sai.
• Cải thiện kinh nghiệm nút bấm trên các thiết bị di động.

Điều gì là mới trong phiên bản 1.2.2:.

• Thêm char_counter Plugin
• danh sách xét của allowedAttributes.
• danh sách xét của allowedTags.
• Thêm tùy chọn beautifyCode.
• Thêm sự kiện onPaste.
• Thêm điều khiển dạng hạt cho các phím tắt:. Tùy chọn shortcutsAvailable
• Thêm tùy chọn convertEmailAddresses.
• Cải thiện UX để chèn liên kết.
• Thêm sự kiện badLink.
• cải tiến Dán trong tất cả các trình duyệt
• Di chuyển hình ảnh hiện đang làm việc trong IE quá.
• Thêm tùy chọn pasteImage.
• Cải thiện vệ sinh.
• Thêm chủ đề hoàng gia.
• Add làm mới và refreshOnShow tùy chọn cho Dropdowns tùy chỉnh.
• Thêm tùy chọn làm mới cho các nút tùy chỉnh.
• Show loader khi hình ảnh được chèn vào bởi liên kết.
• Thêm videoAllowedAttributes và videoAllowedTags.
• Cho phép undo / redo mà không có nút.
• Thêm tùy chọn imageTitle.

Điều gì là mới trong phiên bản 1.2.0:.

• thuật toán mới để làm việc với các danh sách
• danh sách lồng nhau.
• Chức năng bây giờ là một plugin.
• File hỗ trợ.
• Cải thiện code dễ đọc.
• Thêm nút để loại bỏ màu nền.
• Thêm nút để loại bỏ màu sắc văn bản.
• Cải tiến đến file theme.
• Thêm chủ đề màu đỏ.
• Thêm chủ đề màu xám.
• Thêm liên kết khi không có văn bản được chọn.

Điều gì là mới trong phiên bản 1.1.9:

• Sửa lỗi:
• Lời dán.
• Bắt đầu với fontSize trong các trình duyệt Webkit.
• Làm sạch RegEx bản sửa lỗi.
• Trang nhấp nháy trên dán.
• vị trí con trỏ trên dán vào trình duyệt Webkit.

Điều gì là mới trong phiên bản 1.1.7:

• Lưu / Khôi phục lựa chọn làm việc cho nhiều dãy <. / li>

Điều gì là mới trong phiên bản 1.1.6:.

• Bàn
• Chèn video bằng URL.
• cải thiện tốc độ.
• Thêm hỗ trợ cho IE8.
• Cải tiến để hỗ trợ Android.
• Cải thiện vị trí cửa sổ bật lên điện thoại di động.
• Thêm tùy chọn simpleAmpersand.
• Thêm tùy chọn imageLink.
• Cải thiện ngôn ngữ Đức.
• beautifier được sử dụng như một lib riêng biệt và không còn có sẵn theo mặc định.
• Thêm tùy chọn maxHeight.
• Mặc định là không còn có sẵn như là mặc định, nhưng các tùy chọn có thể được bật.
• inverseSkin được thay thế bằng tùy chọn chủ đề.
• file Theme CSS.
• Cải thiện đầu ra HTML.
• Cải thiện dịch ngôn ngữ Ý.
• Bắt đầu trong màu / kích thước font.
• Cho phép người sử dụng để trả về lỗi từ máy chủ cho hình ảnh.
• Thay thế gian vô hình với thẻ BR.
• Cải thiện bản dịch tiếng Pháp.
• Thêm tùy chọn saveRequestType.
• Hàm hồi từ những hình ảnh có được đối tượng jQuery như là tham số thay vì src.
• HTML sạch với biểu thức thông thường thay vì mã jQuery.
• Editor có thể được khởi tạo trên hình ảnh.
• Editor có thể được khởi tạo trên liên kết.
• Lựa chọn để chỉnh sửa văn bản từ các phần tử DOM trong một popup.
• Vượt qua một danh sách mặc định của các liên kết để lựa chọn.
• Thêm tùy chọn để mở các liên kết trong một tab khác.
• Thêm tùy chọn disableRightClick.
• Thêm tùy chọn blockStylesToggle.
• Thêm tùy chọn trackScroll.
• Thêm tùy chọn unlinkButton.

Điều gì là mới trong phiên bản 1.1.5:.

• Thêm phương thức tập trung
• Hiển thị trình soạn thảo trên click chuột phải.
• Editor bây giờ có thể được khởi tạo trên hình ảnh.
• tùy chọn imageUploadToS3 tải lên đến Amazon S3.
• tùy chọn để vô hiệu hóa imageUpload tải lên hình ảnh.
• tùy chọn để tùy chỉnh customDropdowns thả xuống.
• lệnh blockStyle để thiết lập một blockStyle tùy chỉnh.
• blockStyles tùy chọn để thiết lập blockStyles cụ thể.
• tùy chọn defaultBlockStyle để thiết lập phong cách khối có sẵn mặc định.
• Cải thiện tiêu diệt phương.
• Cải thiện hỗ trợ giữ chỗ.
• Cải thiện chế độ mã hóa.
• Cải thiện dòng mới trong mã và blockquotes.
• Cài quản lý phương tiện truyền thông để luôn luôn mong đợi JSON và không phải văn bản.
• Update để FontAwesome 4.1.0.
• Thay thế biểu tượng đoạn văn.
• Thay thế biểu tượng màu.
• Thêm nút fontFamily trong thanh công cụ.
• Thêm nút blockStyle trong thanh công cụ.
• Thêm nút html trở lại trong thanh công cụ.
• Cho phép các URL bắt đầu với # và /.
• Sync khi hình ảnh được giảm xuống.

Điều gì là mới trong phiên bản 1.1.4:.

• Move writeVideo phương pháp riêng của mình
• Cải thiện hỗ trợ gói.
• Cải tiến phương pháp getHTML.
• Cải thiện định dạng khối.
• Thiết màu nền sẽ đưa vào cha mẹ xem xét quá.
• Cải thiện hỗ trợ contentChangedCallback.
• Xóa ký tự vô hình khi lưu HTML.
• Thêm phương IsActive để kiểm tra xem lệnh đang hoạt động.
• Cải thiện cơ chế hoàn tác.
• Quản lý Truyền thông cho hình ảnh.
• Thêm tùy chọn ZIndex.
• tối thiểu cho autosaveInterval được đổi thành 100.
• Cải thiện hỗ trợ XSS.
• Cải tiến phương pháp insertHTML.
• saveURL không còn cần thiết để kích hoạt lưu.
• Thêm một hạn chế hình ảnh bằng cách sử dụng tùy chọn allowedImageTypes.
• Ctrl + Backspace được cắt văn bản.
• CTRL +] trong thụt văn bản.
• CTRL + [được outdenting văn bản.
• CTRL + & quot; được định dạng văn bản như trích dẫn.
• CTRL + & # x5c; được định dạng văn bản như mã.
• Sync trước khi hình thức trình.
• Xóa hình ảnh bằng cách nhấn xóa khi nó được chọn.
• Tự đánh đập nhập khi hình ảnh là lựa chọn là nhận được nó xuống.
• tùy chọn maxImageSize để hạn chế kích thước hình ảnh trước khi tải lên.
• Thêm defaultImageWidth tùy chọn để thiết lập kích thước hình ảnh trên chèn.
• afterRemoveImageCallback hiện đang nhận được những hình ảnh như src param.
• Hình ảnh loại bỏ kiểm soát được cải thiện.
• dòng lệnh ngang.
• hỗ trợ gia đình Font.

Điều gì là mới trong phiên bản 1.1.3:.

• Custom HTML không còn loại bỏ
• minheight tùy chọn.
• Phương pháp removeFormat.
• Hình ảnh được chèn vào nơi con trỏ.
• Undo bảo lựa chọn và vị trí con trỏ.
• & quot; Xin chờ & quot; tin nhắn khi tải lên hình ảnh.

Điều gì là mới trong phiên bản 1.1.2:

• Nhập:
• tùy chọn textNearImage.
• imageButtons tùy chọn.
• tùy chọn alwaysVisible.
• tùy chọn nofollow.
• tùy chọn alwaysBlank.
• tùy chọn plainPaste.
• Các biểu tượng tùy chọn.
• Hàm hồi để dán.
• gettext () phương pháp.

Điều gì là mới trong phiên bản 1.1.0:.

• Thêm hỗ trợ ngôn ngữ (28 ngôn ngữ)
• màu da Inverse.
• Blockquote có trích dẫn ngay từ đầu.
• Tham số khác để yêu cầu tải lên hình ảnh.
• Tham số khác để lưu yêu cầu.
• Video hỗ trợ.
• nút Custom trong thanh công cụ.
• tùy chọn Paragraphy.

Điều gì là mới trong phiên bản 1.0.6:.

• Cải thiện IE 11 hỗ trợ cho biên tập inline
• giữ chỗ làm việc giống như giữ chỗ từ HTML5.
• Cho phép hình ảnh di chuyển trong trình soạn thảo bằng cách thiết lập tùy chọn imageMove.
• Thêm nút lưu.
• Tooltip và tin nhắn văn bản có thể được tùy chỉnh thông qua tùy chọn customText.
• Thanh công cụ có thể ở đầu hoặc di chuyển cùng với sự di chuyển.
• Tùy chọn dải & # x3c; kịch bản & # x3e; thẻ.

Điều gì là mới trong phiên bản 1.0.5:

• Hình bật lên vẫn đang hoạt động khi bạn bấm vào một nút từ nó.
• Cải thiện hỗ trợ danh sách.
• Cleanup sau khi liên kết / unlink.
• Editor được kích hoạt khi bạn nhả chuột bên ngoài nó và có một lựa chọn.
• Update giữ chỗ phong cách.
• Phương pháp Gethtml dọn dẹp HTML trả về.

Điều gì là mới trong phiên bản 1.0.4:.

• Cải thiện hỗ trợ cảm ứng
• vấn đề danh sách cố định.
• Nhấn tab sẽ chèn 4 không gian trống.
• Disable kéo hình ảnh để ngăn chặn mất định dạng văn bản.

Điều gì là mới trong phiên bản 1.0.3:

• Hình ảnh tải lên trên http://uploads.im .

Yêu cầu :

• kích hoạt Javascript về phía khách hàng
• jQuery 1.10.2 hoặc cao hơn