Froala Editor

WYSIWYG הם גושי מגושם של קוד המאפשרים למשתמשים לעצב את הטקסט בתוך הדפדפנים שלהם בדיוק כמו שהם עושים עם תוכנת שולחן העבודה כמו Word או OpenOffice.

רובם עובדים על ידי הפיכת textarea פשוט לתוך סעיף עיצוב טקסט מלא מובן המילה, עם המון סרגלי כלים ולחצני סגנון במלל הכלול.

דרך נוספת של הוספת RTE לדף היא לאפשר למשתמשים לבחור טקסט ולאחר מכן להראות קופץ עם עיצוב שולט שלצידו.

שני דרכים נהדרות, אבל כמה עורכי WYSIWYG לספק גם אפשרויות עריכה אלה, תוך התמקדות רק אחת החוויות העריכה האלה.

Froala עורך מספק עורך WYSIWYG מוצק, עובד עבור שני חוויות עריכה הנ"ל, אלא גם מציע codebase די יציב, מסומל על פי הסטנדרטים העדכניים ביותר בענף שיטות העבודה המומלצת.

Froala העורך הוא אחד בודדי RTEs סביב עם תמיכה ניידת רשתית, מה שהופך אותו אידיאלי גם עבור שימוש בהתקנים ניידים גם.

ניצול גופן סמל FontAwesome עבור הלחצנים של העורך, Froala גם מקטין בקשות HTTP בעת טעינת העורך, שיפור זמן טעינה של דף ומתן הרבה יותר קל בסגנון עורך UI.

הכילו בתוך סרגלי הכלים לעריכת Froala הוא בר החלפה, מפתחים להיות מסוגלים להפעיל כפתורים ופונקציונליים או לבטל, או להעביר אותם ממקום למקום לעמדות מותאמות אישית כפי שהם רואים לנכון.

בסך הכל עורך Froala הוא פתרון יפה מאוד WYSIWYG, עם המון אפשרויות התאמה אישית, תיעוד הדגמות כלל.

Froala עורך זמין תחת מודל רישוי כפול. הגרסה החינמית זמין פרויקטים אישיים ולא מסחריים תחת רישיון בינלאומי 4.0 Creative Commons ייחוס-שימוש לא מסחרי-NoDerivatives, בעוד לשימוש מסחרי, רישיונות בתשלום שונים זמינים, בהתאם לדרישות השימוש הרצוי. הקפידו לקרוא הסכם הרישיון לא מתערבבים

מה חדש במהדורה זו:.

חדש Froala עורך 1.2.7 (14 במאי 2015)

מה חדש בגירסה 2.1.0:

• הוסף אפשרות pluginsEnabled.
• להוסיף תוסף רכוש לפקודות.
• הוספת אפשרות emoticonsUseImage.
• אפשר הערות:. // לקישורים
• להוסיף תוסף להכניס מהיר.
• תצוגה מקדימה של תמונה במהלך הטעינה.
• להוסיף עוזר להכניס שולחן.
• סמל מפסק קו עיצוב מחדש.

מה חדש בגירסה 1.2.7:.

• הוסף אירוע beforeUploadPastedImage
• לחצנים אינם simpleTags. שפר ניקוי allowedAttrs.
• HTML נקי כי מוגדר בתוך textarea לפני הוספתו האלמנט.
• הוספת אפשרות doNotJoinTags.
• צבעים תוסף השתפר.
• הוספת אפשרות linkAttributes.
• שפר imageAltSet, imageFloatedLeft, imageFloatedNone ו imageFloatedRight אירועים.
• להוסיף גופי תוסף.
• הוסף תגובה לאירוע fileUploaded.
• להוסיף afterImageUpload ו afterFileUpload אירועים.
• החלף node.children עם node.childNodes.
• שפר imageResize ו imageResizeEnd אירועים.
• להוסיף saveParam.
• אפשר להקליד RTL או LTR בהתאם לסוג המקלדת.
• שפר תרגום דני.
• שפר והדבקה.
• להוסיף afterPasteCleanup האירוע.
• טקסט בתוך הקישור אינו מחוטא יותר
• להוסיף iconClasses אפשרות.
• הוספת אפשרות useFileName.
• להוסיף תרגום אסטוני.

מה חדש בגירסה 1.2.6:.

• משתקפים UI המדינה להשבית
• שומר-מקום אין יותר בסגנון נטוי.
• ערך linkAutoPrefix ברירת המחדל היא מחרוזת ריקה במקום שווא.
• חלונות הקופצים סגורים כאשר החלון משתנה.
• הזן אינו מעתיק את הסגנון של הבלוק הקודם.
• אפשר תצוגה מקדימה של וידאו בכל הדפדפנים.
• בדוק TAB על ידי בדיקת charCode במקום למחרוזת עצמה.
• שפר תרגום לרוסית.

מה חדש בגירסה 1.2.5:.

• שפר הכוללת הקלדה כשאפשרות paragraphy היא שקרית
• הוספת אפשרות linkAutoPrefix.
• שפר אלגוריתם ניקוי
• שלח חלונות קופצים על ידי להכות ENTER.
• חלונות קופצים סגור כאשר להכות ESC.
• להוסיף defaultTag כניסוי.
• סגנון תג כבר אינו רשאי על מנת למנוע XSS.
• Text היא אפשרות ברירת המחדל ברשימה הנפתחת הצבעים.
• הוספת אפשרות foreColors.
• הוספת אפשרות backColors.
• הוספת אפשרות defaultColorOption.
• הוספת אפשרות backColorsDisabled.
• הוספת אפשרות foreColorsDisabled.
• שפר רגיל דבק.
• שפר התמודדות טקסט בתוך העורך.
• fr-תג כבר לא הוסיף כברירת מחדל. useFrTag אמור לשמש במקום.
• אירוע editable.imageInserted יש עוד פרמטר, בתגובה, המכילה את תגובת המעובד מהשרת
• אקסטרה & # x3c; p & # x3e; תגים לא מתווספים עוד פריטים ברשימה.
• הוספת אפשרות customImageButtons.
• הוספת אפשרות showNextToCursor.
• הוספת אפשרות מרובה.
• העלאת קבצים על ידי גרירה ושחרור ישירות בעורך.
• החלף CTRL + F קיצור ידי CTRL + E.
• שפר Sanitizer URL.
• הוספת כתובות אתרי תוסף זה היה באופן אוטומטי להמיר כתובות אתרים.
• להוסיף תוסף מסך מלא.
• תמיכת iframe בסיסית.
• להוסיף שפה אוקראינית.
• שפר שפה נורבגית.
• הוספת אפשרות scrollableContainer.
• הוספת אפשרות defaultImageAlignment.
• הוספת אפשרות defaultVideoAlignment.
• שפר לבטל / לעשות שוב חיסכון ביצועים
• תגי allowedEmptyTags אינם זמינים עוד.
• allowedBlankTags צריך לשמש כדי לאפשר תג ריק כי אין שום תכונות.
• להוסיף inline_styles תוסף.
• הוספת אפשרות useClasses.
• הוספת אפשרויות תמונות להצגה כמו מוטבעות או לשבור טקסט.
• עיצוב מטפלי תמונת שינוי.
• להוסיף align כפתור לתמונה בתור נפתחת.
• 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:.

• שולחנות
• וידאו הכנס ידי כתובת האתר.
• שיפורי מהירות.
• הוספת תמיכה עבור IE8.
• שיפור לתמיכה Android.
• שפר מיצוב קופץ נייד.
• הוספת אפשרות simpleAmpersand.
• הוספת אפשרות ImageLink.
• שיפורים בשפות גרמניות.
• לייפות משמש lib נפרד אינו זמין עוד כברירת מחדל.
• הוספת אפשרות maxHeight.
• ברירת מחדל אינה זמינה כברירת מחדל, אבל האופציות ניתנות מתג השחרור.
• inverseSkin מוחלפת אפשרות הנושא.
• קובץ CSS נושאים.
• שפר פלט HTML.
• שפר תרגום שפה איטלקי.
• התחל בגודל צבע / font.
• לאפשר למשתמש לחזור שגיאה מהשרת עבור התמונה.
• חלף רווח בלתי נראה עם תג BR.
• שפר תרגום לצרפתית.
• הוספת אפשרות saveRequestType.
• התקשרויות חוזרות מתמונות לקבל jQuery אובייקט כפרמטר במקום src.
• HTML נקי עם ביטויים רגולריים במקום קוד jQuery.
• עורך ניתן לאתחל על התמונה.
• עורך ניתן לאתחל על הקישור.
• אפשרות לערוך את הטקסט מתוך אלמנט DOM ב קופץ.
• Pass רשימת ברירת מחדל של קישורים לבחירה.
• הוסף אפשרות לפתוח את הקישור בלשונית אחרת.
• הוספת אפשרות disableRightClick.
• הוספת אפשרות blockStylesToggle.
• הוספת אפשרות trackScroll.
• הוספת אפשרות unlinkButton.

מה חדש בגירסה 1.1.5:.

• הוסף אמצעי מיקוד
• עורך צג קליק ימני.
• עורך כעת ניתן אותחל על התמונה.
• אפשרות imageUploadToS3 להעלות Amazon S3.
• אפשרות ImageUpload להשבית תמונה ההעלאה.
• customDropdowns אפשרות להתאים אישית רשימות נפתחות.
• blockStyle הפקודה כדי להגדיר מנהג blockStyle.
• blockStyles אפשרות להגדיר blockStyles הספציפי.
• אפשרות defaultBlockStyle להגדיר סגנונות בלוק ברירת מחדל זמינים.
• שפר להרוס שיטה.
• שפר מציין מיקום תמיכה.
• שפר קידוד מצב.
• שפר קו חדש בקוד ו blockquotes.
• ניהול המדיה גדר תמיד מצפה JSON ולא טקסט.
• עדכן FontAwesome 4.1.0.
• חלף סמל פסקה.
• חלף סמל צבע.
• להוסיף כפתור fontFamily בסרגל הכלים.
• להוסיף כפתור blockStyle בסרגל הכלים.
• להוסיף כפתור html בחזרה סרגל הכלים.
• אפשר בקישורים המתחילים עם # ו /.
• Sync כאשר התמונה הוא ירד.

מה חדש בגירסה 1.1.4:.

• העבר writeVideo כדי בשיטתה
• שפר גלישת תמיכה.
• שפר שיטת getHTML.
• שפר לחסום עיצוב.
• הגדרת צבע הרקע ייקח אל ההורים שיקול מדי.
• שפר תמיכה contentChangedCallback.
• סר תווים בלתי נראים בעת שמירת HTML.
• הוסף אמצעי isActive לבדוק אם הפקודה פעילה.
• שפר לבטל מנגנונים.
• מנהל מדיה עבור תמונות.
• הוספת אפשרות zIndex.
• מינימום עבור autosaveInterval שונה ל -100.
• שפר לתמיכה XSS.
• שפר שיטת insertHTML.
• saveURL הוא כבר לא נדרש להפעיל לחסוך.
• הוסף מגבלת תמונה באמצעות אפשרות allowedImageTypes.
• CTRL + Backspace מקצצת הטקסט.
• CTRL +] ב זחת טקסט.
• CTRL + [הוא outdenting הטקסט.
• CTRL + & quot; בשלבי עיצוב הטקסט כפי ציטוט.
• CTRL + & # x5c; בשלבי עיצוב טקסט כקוד.
• Sync לפני טופס הגשה.
• מחק תמונה ידי להכות להסיר כאשר היא נבחרת.
• להכות להזין בעת ​​התמונה היא בחירה הוא מקבל אותו.
• אפשרות maxImageSize להגביל בתמונה בגודל לפני ההעלאה.
• להוסיף defaultImageWidth אפשרות להגדיר את גודל התמונה על הכניסה.
• afterRemoveImageCallback עכשיו הוא מקבל את התמונה src כמו param.
• תמונה להסיר שליטה משופרת.
• שורת פקודה אופקית.
• תמיכה משפחתית גופן.

מה חדש בגירסה 1.1.3:.

• תגים מותאמים אישית מ- HTML הם כבר לא הסיר
• minHeight אפשרות.
• שיטת removeFormat.
• תמונה מוכנסת שבו נמצא הסמן.
• בטל משמר בחירת סמן למיקום.
• & quot; אנא המתן & quot; הודעה בעת העלאת התמונה.

מה חדש בגירסה 1.1.2:

• נוסף:
• אפשרות textNearImage.
• imageButtons אפשרות.
• אפשרות alwaysVisible.
• אפשרות nofollow.
• אפשרות alwaysBlank.
• אפשרות plainPaste.
• סמלי אפשרות.
• התקשרויות חוזרות להדבקה.
• gettext () שיטה.

מה חדש בגרסת 1.1.0:.

• תמיכה בשפות נוספת (28 שפות)
• צבעי עור הפוך.
• Blockquote יש ציטוט בהתחלה.
• פרמטרים נוספים כדי להעלות תמונת בקשה.
• פרמטרים נוספים כדי לחסוך בקשה.
• תמיכת וידאו.
• לחצנים מותאמים אישית בסרגל הכלים.
• אפשרות Paragraphy.

מה חדש בגירסה 1.0.6:.

• שפר IE 11 תמיכה מוטבעות עורך
• מציין מיקום עובד כמו מציין מיקום של HTML5.
• אפשר תמונה מהלך בעורך על ידי הגדרת אפשרות imageMove.
• להוסיף לחצן השמירה.
• Tooltip והודעות טקסט יכול להיות מותאם אישית באמצעות אפשרות customText.
• סרגל כלים יכולים לשהות בראש או להעביר יחד עם הגלילה.
• אפשרות להתפשט & # x3c; script & # x3e; תג.

מה חדש בגרסת 1.0.5:

• קופץ תמונה נשאר פעיל בעת לחיצה על לחצן זה.
• שפר את רשימת תמיכה.
• ניקוי לאחר קישור / ביטול קישור.
• עורך יהפוך לפעיל כאשר תשחרר את לחצן העכבר מחוצה לו ויש מבחר.
• סגנון מציין מיקום Update.
• שיטת Gethtml שמנקה את HTML חזר.

מה חדש בגירסה 1.0.4:.

• שפר תמיכה מגע
• בעיות ברשימה קבועה.
• בכרטיסייה בהולך תוסיף 4 שטחים ריקים.
• שבת תמונה גרורה כדי למנוע לאבד עיצוב טקסט.

מה חדש בגירסה 1.0.3:

• העלאת תמונות על http://uploads.im .

דרישות :

• לאפשר JavaScript על הלקוח בצד
• jQuery 1.10.2 ומעלה