Froala Editor

WYSIWYG เป็นชิ้นขนาดใหญ่ของรหัสที่ให้ผู้ใช้สามารถจัดรูปแบบข้อความภายในเบราว์เซอร์ของพวกเขาเช่นเดียวกับที่พวกเขาต้องการจะทำอย่างไรกับซอฟต์แวร์เดสก์ทอปเช่น Word หรือ OpenOffice.

ส่ว​​นใหญ่ของพวกเขาทำงานโดยการปรับเปลี่ยน textarea ง่ายในส่วนรูปแบบข้อความเต็มเป่าที่มีจำนวนมากแถบเครื่องมือและปุ่มรูปแบบข้อความที่มีอยู่.

วิธีการเพิ่ม RTE ไปยังหน้าก็คือการช่วยให้ผู้ใช้สามารถเลือกข้อความแล้วแสดงป๊อปอัพที่มีการจัดรูปแบบการควบคุมถัดไป.

วิธีการทั้งสองที่ดี แต่ไม่กี่บรรณาธิการ WYSIWYG ให้ทั้งตัวเลือกการแก้ไขเหล่านี้มุ่งเน้นไปเพียงแค่หนึ่งในประสบการณ์การแก้ไขเหล่านี้.

Froala แก้ไข ให้แก้ไขแบบ WYSIWYG ที่มั่นคงสำหรับการทำงานทั้งในประสบการณ์การแก้ไขดังกล่าว แต่ยังมี codebase ของแข็งสวย, รหัสตามมาตรฐานล่าสุดและการปฏิบัติที่ดีที่สุดในอุตสาหกรรม.

Froala Editor เป็นหนึ่งในไม่กี่ RTEs รอบด้วยการสนับสนุนโทรศัพท์มือถือและจอประสาทตาทำให้มันยังเหมาะสำหรับการใช้งานบนโทรศัพท์มือถือยัง.

การใช้ตัวอักษรที่ไอคอน FontAwesome สำหรับปุ่มบรรณาธิการ, Froala ยังช่วยลดการร้องขอ HTTP เมื่อโหลดแก้ไขปรับปรุงเวลาในการโหลดหน้าเว็บและการให้บริการมากขึ้นง่ายขึ้นกับรูปแบบแก้ไข UI.

ทุกอย่างภายใน Froala แก้ไขแถบเครื่องมือแทนกันพัฒนาความสามารถในการเปิดปุ่มและฟังก์ชันการทำงานหรือปิดหรือย้ายไปรอบ ๆ ไปยังตำแหน่งที่กำหนดเองเป็นพวกเขาเห็นพอดี.

ในทุกตัวแก้ไข Froala เป็นโซลูชั่นที่ทำได้ดีมาก WYSIWYG มีจำนวนมากของตัวเลือกปรับแต่งเอกสารและการสาธิตรวม.

Froala Editor เป็นอยู่ภายใต้รูปแบบการออกใบอนุญาตคู่ รุ่นฟรีเป็นโครงการส่วนบุคคลและที่ไม่ใช่เชิงพาณิชย์ภายใต้สัญญาอนุญาตนานาชาติ Creative Commons Attribution-Noncommercial-NoDerivati​​ves 4.0 ในขณะที่สำหรับการใช้งานเชิงพาณิชย์, ใบอนุญาตจ่ายต่างๆที่มีอยู่ทั้งนี้ขึ้นอยู่กับความต้องการใช้งานที่ต้องการ โปรดอ่านข้อตกลงการอนุญาตและไม่ได้รับการผสมขึ้น

มีอะไรใหม่ ในรุ่นนี้:.

ใหม่ในการแก้ไข Froala 1.2.7 (14 พฤษภาคม 2015)

มีอะไรใหม่ ในรุ่น 2.1.0:

• เพิ่ม ตัวเลือก pluginsEnabled.
• เพิ่มปลั๊กอินคุณสมบัติการคำสั่ง.
• เพิ่มตัวเลือก emoticonsUseImage.
• อนุญาตให้บันทึก: //. สำหรับการเชื่อมโยง
• เพิ่มปลั๊กอินแทรกอย่างรวดเร็ว.
• ภาพตัวอย่างขณะที่อัปโหลด.
• เพิ่มตารางแทรกผู้ช่วย.
• การออกแบบไอคอนบรรทัด Breaker.

คืออะไรใหม่ ในรุ่น 1.2.7:.

• เพิ่มกิจกรรม beforeUploadPastedImage
• ปุ่มไม่ได้ simpleTags ปรับปรุงทำความสะอาด allowedAttrs.
• สะอาด HTML ที่มีการตั้งค่าภายใน textarea ก่อนที่จะเพิ่มองค์ประกอบ.
• เพิ่มตัวเลือก doNotJoinTags.
• สีปลั๊กอินได้รับการปรับปรุง.
• เพิ่มตัวเลือก linkAttributes.
• ปรับปรุง imageAltSet, imageFloatedLeft, imageFloatedNone และ imageFloatedRight เหตุการณ์.
• เพิ่มหน่วยงานปลั๊กอิน.
• เพิ่มการตอบสนองต่อเหตุการณ์ fileUploaded.
• เพิ่ม afterImageUpload และ afterFileUpload เหตุการณ์.
• แทนที่ node.children กับ node.childNodes.
• ปรับปรุง imageResize และ imageResizeEnd เหตุการณ์.
• เพิ่ม saveParam.
• อนุญาตให้มีการพิมพ์ในรายงานหรือ LTR ตามประเภทของแป้นพิมพ์.
• ปรับปรุงการแปลเดนมาร์ก.
• ปรับปรุงวาง.
• เพิ่มกิจกรรม afterPasteCleanup.
• ข้อความให้อยู่ในการเชื่อมโยงไม่ได้ปรุงแต่งอีกต่อไป
• เพิ่มตัวเลือก iconClasses.
• เพิ่มตัวเลือก useFileName.
• เพิ่มเอสโตเนียแปล.

มีอะไรใหม่ ในรุ่น 1.2.6:.

• สะท้อนใน UI รัฐปิดการใช้งาน
• ตัวยึดมีสไตล์ไม่เอียง.
• ค่าเริ่มต้น linkAutoPrefix เป็นสตริงที่ว่างเปล่าแทนการเท็จ.
• ป๊อปอัปจะปิดเมื่อหน้าต่างมีการปรับขนาด.
• ใส่จะไม่คัดลอกรูปแบบขององค์ประกอบบล็อกก่อนหน้านี้.
• อนุญาตให้แสดงตัวอย่างวิดีโอในเบราว์เซอร์ทั้งหมด.
• ตรวจสอบโดยการทดสอบ TAB charCode แทนของสตริงตัวเอง.
• ปรับปรุงการแปลภาษารัสเซีย.

มีอะไรใหม่ ในรุ่น 1.2.5:.

• ปรับปรุงการพิมพ์โดยรวมเมื่อตัวเลือก paragraphy เป็นเท็จ
• เพิ่มตัวเลือก linkAutoPrefix.
• การปรับปรุงขั้นตอนวิธีการทำความสะอาด
• ส่งป๊อบอัพโดยการกดปุ่ม ENTER.
• ปิดป๊อปอัปเมื่อกดปุ่ม ESC.
• เพิ่ม defaultTag ทดลอง.
• แท็กรูปแบบไม่ได้รับอนุญาตเพื่อป้องกัน XSS.
• ข้อความคือการเลือกค่าเริ่มต้นในสีแบบเลื่อนลง.
• เพิ่มตัวเลือก foreColors.
• เพิ่มตัวเลือก backColors.
• เพิ่มตัวเลือก defaultColorOption.
• เพิ่มตัวเลือก backColorsDisabled.
• เพิ่มตัวเลือก foreColorsDisabled.
• ปรับปรุงวางธรรมดา.
• ปรับปรุงรับมือข้อความภายในบรรณาธิการ.
• FR-แท็กจะไม่เพิ่มตามค่าเริ่มต้น useFrTag ควรจะนำมาใช้แทน.
• กิจกรรม editable.imageInserted มีอีกหนึ่งพระราม, การตอบสนองที่มีการตอบสนองที่ยังไม่ได้ออกจากเซิร์ฟเวอร์
• เสริม & # x3c; p & # x3e; แท็กจะไม่เพิ่มเข้ามาในรายการ.
• เพิ่มตัวเลือก customImageButtons.
• เพิ่มตัวเลือก showNextToCursor.
• เพิ่มหลายตัวเลือก.
• อัปโหลดไฟล์โดยการลากและวางโดยตรงในการแก้ไข.
• แทนที่ทางลัด Ctrl + F โดย CTRL + E.
• ปรับปรุงเจ​​ลทำความสะอาด URL.
• เพิ่มปลั๊กอิน URL ที่โดยอัตโนมัติจะแปลง URL.
• เพิ่มปลั๊กอินเต็มจอ.
• การสนับสนุน iframe พื้นฐาน.
• เพิ่มภาษายูเครน.
• ปรับปรุงภาษานอร์เวย์.
• เพิ่มตัวเลือก scrollableContainer.
• เพิ่มตัวเลือก defaultImageAlignment.
• เพิ่มตัวเลือก defaultVideoAlignment.
• ปรับปรุงยกเลิก / ทำซ้ำประหยัดประสิทธิภาพ
• แท็ก allowedEmptyTags ไม่สามารถใช้ได้อีก.
• allowedBlankTags ควรจะใช้เพื่อช่วยให้แท็กที่ว่างเปล่าที่ไม่ได้มีคุณลักษณะใด ๆ .
• เพิ่ม inline_styles ปลั๊กอิน.
• เพิ่มตัวเลือก useClasses.
• เพิ่มตัวเลือกภาพที่จะแสดงเป็นแบบอินไลน์หรือทำลายข้อความ.

การออกแบบ
• รถขนย้ายเปลี่ยนรูปภาพ.
• ปุ่มเพิ่มตําแหน่งของภาพเป็นแบบเลื่อนลง.
• floatImageLeft, floatImageNone และ floatImageRight ปุ่มถูกถอดออก จัดปุ่มควรจะนำมาใช้แทน.
• เพิ่มตัวเลือก textNearVideo.

มีอะไรใหม่ ในรุ่น 1.2.3:.

• การปรับปรุงการจัดการเหตุการณ์กลไก
• ปรับปรุงและยกเลิกการซิงค์ผู้จัดการ.
• ปรับปรุงการโฟกัสวาง.
• defaultImageWidth ตัวเลือกจะถูกละเว้นถ้ามันถูกกำหนดเป็น 0.
• เพิ่มวิธีการ SetDirty.
• blockTags ตัวเลือกยอมรับแท็กขึ้นในขณะนี้.
• ปรับปรุงการวางโปรแกรม Word.
• ปรับปรุงวิธีการ insertHTML.
• ปรับปรุงแถบเครื่องมือแบบลอยตัวเมื่อ fixedToolbar ตัวเลือกที่เป็นเท็จ.
• ปรับปรุงประสบการณ์การคลิกปุ่มบนโทรศัพท์มือถือ.

คืออะไรใหม่ ในรุ่น 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:

• ข้อบกพร่องคงที่:
• วางโปรแกรม Word.
• เริ่มต้นด้วยขนาดตัวอักษรในเบราว์เซอร์ Webkit.
• แก้ไขการทำความสะอาด RegEx.
• หน้าริบหรี่บนวาง.
• ตำแหน่งของเคอร์เซอร์บนวางในเบราว์เซอร์ Webkit.

มีอะไรใหม่ ในรุ่น 1.1.7:

• บันทึก / เรียกคืนตัวเลือกทำงานสำหรับช่วงหลาย <. / li>

มีอะไรใหม่ ในรุ่น 1.1.6:.

• ตาราง
• แทรกวิดีโอตาม URL.
• การปรับปรุงความเร็ว.
• เพิ่มการสนับสนุนสำหรับ IE8.
• การปรับปรุงการสนับสนุน Android.
• ปรับปรุงตำแหน่งป๊อปอัพมือถือ.
• เพิ่มตัวเลือก simpleAmpersand.
• เพิ่มตัวเลือก imageLink.
• การปรับปรุงภาษาเยอรมัน.
• Beautifier ใช้เป็น lib แยกต่างหากและจะไม่มีอีกต่อไปแล้วโดยปริยาย.
• เพิ่มตัวเลือก maxHeight.
• เริ่มต้นคือไม่สามารถใช้ได้อีกเป็นค่าเริ่มต้น แต่ตัวเลือกที่สามารถสลับ.
• inverseSkin จะถูกแทนที่ด้วยตัวเลือกธีม.
• ชุดรูปแบบไฟล์ CSS.
• การปรับปรุงการแสดงผล HTML.
• ปรับปรุงการแปลภาษาอิตาเลี่ยน.
• เริ่มสีขนาดตัวอักษร /.
• อนุญาตให้ผู้ใช้กลับข้อผิดพลาดจากเซิร์ฟเวอร์สำหรับภาพ.
• แทนที่พื้นที่ที่มองไม่เห็นที่มีแท็ก Br.
• ปรับปรุงการแปลภาษาฝรั่งเศส.
• เพิ่มตัวเลือก saveRequestType.
• Callbacks จากภาพจะได้รับวัตถุ jQuery เป็นพารามิเตอร์แทน src.
• สะอาด HTML ที่มีการแสดงออกปกติแทนรหัส jQuery.
• บรรณาธิการสามารถเริ่มต้นได้ที่ภาพ.
• บรรณาธิการสามารถเริ่มต้นได้ที่ลิงค์.
• ตัวเลือกในการแก้ไขข้อความจากองค์ประกอบ DOM ในป๊อปอัพ.
• ผ่านรายการเริ่มต้นของการเชื่อมโยงให้เลือก.
• เพิ่มตัวเลือกในการเปิดการเชื่อมโยงในแท็บอื่น.
• เพิ่มตัวเลือก disableRightClick.
• เพิ่มตัวเลือก blockStylesToggle.
• เพิ่มตัวเลือก trackScroll.
• เพิ่มตัวเลือก unlinkBut​​ton.

คืออะไรใหม่ ในรุ่น 1.1.5:.

• เพิ่มวิธีการโฟกัส
• แสดง Editor บนคลิกขวา.
• แก้ไขขณะนี้คุณสามารถเริ่มต้นที่ภาพ.
• ตัวเลือก imageUploadToS3 อัปโหลดไปยัง Amazon S3.
• ตัวเลือก imageUpload ปิดการใช้งานการอัปโหลดภาพ.
• ตัวเลือกในการปรับแต่ง customDropdowns dropdowns.
• คำสั่ง blockStyle การตั้งค่าที่กำหนดเอง blockStyle.
• blockStyles ตัวเลือกการตั้งค่าเฉพาะ blockStyles.
• ตัวเลือก defaultBlockStyle การตั้งค่ารูปแบบบล็อกที่มีอยู่เริ่มต้น.
• การปรับปรุงวิธีการทำลาย.
• ปรับปรุงการสนับสนุนตัวยึด.
• ปรับปรุงโหมดการเข้ารหัส.
• ปรับปรุงบรรทัดใหม่ในรหัสและ blockquotes.
• ตั้งผู้จัดการสื่อมักจะคาดหวัง JSON และข้อความไม่.
• Update เพื่อ FontAwesome 4.1.0.
• แทนที่ไอคอนวรรค.
• แทนที่ไอคอนสี.
• ปุ่มเพิ่ม fontFamily ในแถบเครื่องมือ.
• ปุ่มเพิ่ม blockStyle ในแถบเครื่องมือ.
• ปุ่มเพิ่ม HTML กลับมาอยู่ในแถบเครื่องมือ.
• อนุญาต URL ที่เริ่มต้นด้วย # แล้ว /.
• ซิงค์เมื่อภาพจะลดลง.

มีอะไรใหม่ ในรุ่น 1.1.4:.

• ย้าย writeVideo กับวิธีการของตัวเอง
• ปรับปรุงการสนับสนุนการตัด.
• ปรับปรุงวิธีการ getHTML.
• การปรับปรุงการจัดรูปแบบบล็อก.
• การตั้งค่าสีพื้นหลังจะใช้เวลาในการพิจารณาผู้ปกครองเกินไป.
• ปรับปรุงการสนับสนุน contentChangedCallback.
• ลบตัวอักษรที่มองไม่เห็นเมื่อมีการบันทึกแบบ HTML.
• เพิ่มวิธีการ IsActive เพื่อตรวจสอบว่ามีการใช้งานคำสั่ง.
• ยกเลิกการปรับปรุงกลไก.
• Media Manager สำหรับภาพ.
• เพิ่มตัวเลือก zIndex.
• ขั้นต่ำ autosaveInterval ได้เปลี่ยนไปเป็น 100.
• ปรับปรุงสำหรับการสนับสนุน XSS.
• ปรับปรุงวิธีการ insertHTML.
• saveURL ไม่จำเป็นที่จะเรียกไว้ได้.
• เพิ่มข้อ จำกัด ภาพโดยใช้ตัวเลือก allowedImageTypes.
• CTRL + Backspace คือการตัดข้อความ.
• CTRL +] ในการเยื้องข้อความ.
• CTRL + [เป็น outdenting ข้อความ.
• CTRL + & quot; มีการจัดรูปแบบข้อความเป็นคำพูด.
• CTRL + & # x5c; มีการจัดรูปแบบข้อความเป็นรหัส.
• ซิงค์ก่อนที่จะส่งแบบฟอร์ม.
• ลบภาพโดยการกดปุ่มลบเมื่อมันถูกเลือก.
• กดปุ่มป้อนเมื่อภาพที่เลือกจะได้รับมันลง.
• ตัวเลือก MaxImageSize เพื่อ จำกัด ขนาดของภาพก่อนที่จะอัปโหลด.
• เพิ่ม defaultImageWidth ตัวเลือกในการกำหนดขนาดภาพบนแทรก.
• afterRemoveImageCallback อยู่ในขณะนี้ได้รับ src ภาพเป็นพารามิเตอร์.
• ภาพลบการควบคุมที่ดีขึ้น.
• คำสั่งเส้นแนวนอน.
• การสนับสนุนแบบอักษร.

มีอะไรใหม่ ในรุ่น 1.1.3:.

• แท็กที่กำหนดเองจาก HTML จะไม่ถูกลบออก
• minHeight ตัวเลือก.
• วิธี removeFor​​mat.
• ภาพจะถูกแทรกที่เคอร์เซอร์อยู่.
• เลิกทำแยมและเลือกตำแหน่งเคอร์เซอร์.
• & quot; โปรดรอสักครู่ & quot; ข้อผิดพลาดเมื่ออัปโหลดภาพ.

มีอะไรใหม่ ในรุ่น 1.1.2:

• Added:
• ตัวเลือก textNearImage.
• imageButtons ตัวเลือก.
• ตัวเลือก alwaysVisible.
• ตัวเลือก nofollow.
• ตัวเลือก alwaysBlank.
• ตัวเลือก plainPaste.
• ไอคอนตัวเลือก.
• Callbacks สำหรับการวาง.
• gettext วิธี ().

มีอะไรใหม่ ในรุ่น 1.1.0:.

• เพิ่มการสนับสนุนภาษา (28 ภาษา)
• สีผิวผกผัน.
• Blockquote มีคำพูดที่จุดเริ่มต้น.
• พารามิเตอร์เพิ่มเติมการร้องขอการอัปโหลดภาพ.
• พารามิเตอร์เพิ่มเติมเพื่อบัน​​ทึกคำขอ.
• สนับสนุนวิดีโอ.
• ปุ่มที่กำหนดเองในแถบเครื่องมือ.
• ตัวเลือก Paragraphy.

มีอะไรใหม่ ในรุ่น 1.0.6:.

• ปรับปรุง IE 11 สนับสนุนการแก้ไขแบบอินไลน์
• ตัวยึดตำแหน่งทำงานเหมือนตัวยึดจาก HTML5.
• อนุญาตให้เลื่อนภาพในการแก้ไขโดยการตั้งค่าตัวเลือก imageMove.
• เพิ่มปุ่มบันทึก.
• เคล็ดลับและข้อความที่สามารถปรับแต่งผ่าน customText ตัวเลือก.
• Toolbar อาจจะอยู่ที่ด้านบนหรือย้ายพร้อมกับเลื่อน.
• เลือกที่จะตัด & # x3c; & # สคริปต์ x3e; แท็ก.

คืออะไรใหม่ ในรุ่น 1.0.5:

• ป๊อปอัพรูปภาพใช้งานอยู่เมื่อคุณคลิกปุ่มจาก มัน.
• ปรับปรุงการสนับสนุนรายการ.
• ล้างข้อมูลหลังจากการเชื่อมโยง / ยกเลิกการเชื่อมโยง.
• บรรณาธิการได้รับการใช้งานเมื่อคุณปล่อยเมาส์นอกมันและมีการเลือก.
• การปรับปรุงรูปแบบการยึด.
• วิธีการทำความสะอาด Gethtml ขึ้น HTML กลับ.

มีอะไรใหม่ ในรุ่น 1.0.4:.

• ปรับปรุงการสนับสนุนสัมผัส
• ปัญหารายการคง.
• แท็บตี 4 จะแทรกช่องว่าง.
• ลากภาพปิดการใช้งานเพื่อป้องกันการสูญเสียการจัดรูปแบบข้อความ.

มีอะไรใหม่ ในรุ่น 1.0.3:

• อัปโหลดรูปภาพบน http://uploads.im .

ต้องการ

• เปิดใช้งาน JavaScript บนฝั่งไคลเอ็นต์
• jQuery 1.10.2 หรือสูงกว่า