WYSIWYG громіздкі шматки коду, які дозволяють користувачам відформатувати текст у своїх браузерах так само, як вони зробили б з настільним програмним забезпеченням, як Слово або OpenOffice.
Більшість з них працюють, перетворюючи просту текстову в секцію повністю підірваний форматування тексту, з великою кількістю панелей інструментів і кнопок, щоб стиль, який міститься текст.
Інший спосіб додавання RTE на сторінку, щоб дозволити користувачам вибирати текст, а потім показати спливаюче вікно з форматуванням управління поруч з ним.
Обидва способи є великими, але лише деякі WYSIWYG редактори надають обидві ці опції редагування, зосередившись лише на одному з цих дослідів редагування.
Froala редактор забезпечує міцну візуальний редактор, який працює для обох вищезазначених досвіду редагування, а й пропонує досить твердий кодову, кодований відповідно до останніх стандартами і передовою галузевої практики.
Froala Editor є одним з небагатьох ПСП навколо з мобільним і Retina підтримки, що робить його також ідеально підходить для використання на мобільних пристроях також.
Використовуючи шрифт значок FontAwesome для кнопок редактора, Froala також зменшує HTTP запитів при завантаженні редактора, покращуючи час завантаження сторінки і забезпечуючи набагато простіше стиль редактора UI.
Все всередині панелей інструментів редагування Froala взаємозамінні, розробники в стані перетворити кнопки і функціональні можливості включення або виключення, або перемістити їх в призначені для користувача позиції, як вони вважають за потрібне.
Все у всіх Froala Editor це дуже добре зроблено рішення WYSIWYG, з великою кількістю варіантів настройки, документація і демо-версії включені.
Froala редактор доступний під подвійний моделі ліцензування. Безкоштовна версія доступна для особистого і некомерційного проектів в рамках міжнародної ліцензії Creative Commons Attribution-NoDerivatives 4.0, в той час як для комерційного використання, різні платні ліцензії є, в залежності від бажаних вимог використання. Обов'язково прочитайте ліцензійну угоду і не переплутати
Що нового в цьому випуску :.
Нове в Froala Editor 1.2.7 (14 травня 2015)
Що нового у версії 2.1.0:
- Додати pluginsEnabled варіант.
- Додати плагін властивість команд.
- Додайте параметр emoticonsUseImage.
- Дозволити примітки :. // Посилання
- Додайте швидкий плагін вставки.
- Попередній перегляд зображення при завантаженні.
- Додати таблицю помічник вставки.
- Редизайн значок лінії вимикача.
Що нового у версії 1.2.7 :.
- Додати подія beforeUploadPastedImage
- кнопки не simpleTags. Поліпшення очищення allowedAttrs.
- Чистий HTML, який встановлюється всередині текстового поля перед додаванням його до елементу.
- Додана опція doNotJoinTags.
- Кольори плагін був поліпшений.
- Додана опція linkAttributes.
- Поліпшення imageAltSet, imageFloatedLeft, imageFloatedNone і imageFloatedRight події.
- Додайте об'єкти плагін.
- Додати відповідь на подію fileUploaded.
- Додайте afterImageUpload і afterFileUpload події.
- Замінити node.children з node.childNodes.
- Поліпшення imageResize і imageResizeEnd події.
- Додати saveParam.
- Дозволити вводити в RTL або LTR відповідно до типу клавіатури.
- Поліпшення датський переклад.
- Поліпшення приклеювання.
- Додати afterPasteCleanup подія.
- Текст всередині посилання не продезінфікувати більше
- опція Додати iconClasses.
- Додана опція useFileName.
- Додайте естонський переклад.
Що нового у версії 1.2.6 :.
- Відображати в інтерфейсі стану відключення
- Заповнювач має більше не курсив.
- Значення за замовчуванням linkAutoPrefix порожній рядок, а не брехня.
- Спливаючі закриті, коли вікно змінює розмір.
- Введіть більше не копіюючи стиль попереднього елемента блоку.
- Дозволити перегляд відео у всіх браузерах.
- Перевірте TAB шляхом тестування charCode замість самої рядки.
- Поліпшення перекладу на російську мову.
Що нового у версії 1.2.5 :.
- Поліпшення загального набравши при включеній опції paragraphy помилково
- Додана опція linkAutoPrefix.
- Поліпшення алгоритму чистки
- Надіслати спливаючі вікна, натиснувши кнопку ENTER.
- Закрити спливаючі вікна при натисканні клавіші ESC.
- Додайте defaultTag як експериментальні.
- Тег стилю більше не допускається, щоб запобігти XSS.
- Текст обраний за замовчуванням в випадаючому списку квітів.
- Додана опція foreColors.
- Додана опція backColors.
- Додана опція defaultColorOption.
- Додана опція backColorsDisabled.
- Додайте foreColorsDisabled варіант.
- Поліпшення простий пасти.
- Поліпшення справляючись тексту в редакторі.
- FR-тег більше не додається за замовчуванням. useFrTag слід використовувати замість.
- editable.imageInserted подія має більш один з параметрів, відповідь, який містить необроблений відповідь від сервера
- Extra & # x3c; р & # x3e; теги більше не буде додано до списку елементів.
- Додана опція customImageButtons.
- Додана опція showNextToCursor.
- Додана опція багаторядкового.
- Завантажити шляхом перетягування безпосередньо в редакторі.
- Замінити CTRL + F ярлик за допомогою клавіші CTRL + E.
- Поліпшення URL дезінфікуючий.
- Додавання URL плагін, який буде автоматично конвертувати URLS.
- Додайте в повноекранному режимі плагін.
- Базова підтримка 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 подія.
- Paste поліпшення у всіх браузерах
- Переміщення зображень тепер працює в IE теж.
- Додайте pasteImage варіант.
- Поліпшення очищення.
- Додайте королівську тему.
- Додайте оновлення і refreshOnShow опції для призначених для користувача випадають.
- Додайте оновлення варіант для призначених для користувача кнопок.
- Показати навантажувач коли зображення вставлено по посиланню.
- Додайте videoAllowedAttributes і videoAllowedTags.
- Дозволити скасування / повтор без кнопок.
- Додана опція imageTitle.
Що нового у версії 1.2.0 :.
- Новий алгоритм для роботи зі списками
- Вкладені списки.
- Списки тепер плагін.
- Підтримка файлів.
- Поліпшення читаність коду.
- Додайте кнопку, щоб видалити колір фону.
- Додайте кнопку, щоб видалити колір тексту.
- Покращення в файл теми.
- Додайте червоний тему.
- Додайте сіру тему.
- Додати посилання, якщо немає тексту обраний.
Що нового у версії 1.1.9:
- Виправлені помилки:
- Слово паста.
- Почніть з FontSize в Webkit браузерів.
- Очищення RegEx виправлення.
- Сторінка миготіти на пасті.
- Позиція курсора на пасту в Webkit браузерів.
Що нового у версії 1.1.7:
- Save / Restore вибір працює для кількох діапазонів <. / li>
Що нового у версії 1.1.6 :.
- Таблиці
- Вставити відео по URL.
- Збільшення швидкості.
- Додати підтримку для IE8.
- Поліпшення для Android підтримки.
- Поліпшення мобільних спливаючих позиціонування.
- Додана опція simpleAmpersand.
- Додайте IMAGELINK варіант.
- Покращення німецької мов.
- Beautifier не використовується в якості окремої бібліотеки, і більше не доступний за умовчанням.
- Додайте параметр MaxHeight.
- За замовчуванням більше не доступний за умовчанням, але параметри можуть бути переключені.
- inverseSkin замінюється параметром теми.
- Тема CSS-файл.
- Поліпшення виведення HTML.
- Поліпшення італійську мову перекладу.
- Початок о колір / розмір шрифту.
- Дозволити користувачеві повернути помилку з сервера для зображення.
- Замінити невидиме простір BR тега.
- Поліпшення французький переклад.
- Додана опція saveRequestType.
- Callbacks з образів отримати об'єкт Jquery як параметр замість ЦСМ.
- Чистий HTML з використанням регулярних виразів замість JQuery коду.
- Редактор можна форматувати на зображення.
- Редактор можна форматувати за посиланням.
- Можливість редагувати текст з елемента DOM у спливаючому вікні.
- Передати список за замовчуванням посилань на вибір.
- Додана опція, щоб відкрити посилання в іншій вкладці.
- Додана опція disableRightClick.
- Додана опція blockStylesToggle.
- Додайте параметр trackScroll.
- Додана опція unlinkButton.
Що нового у версії 1.1.5 :.
- Додайте метод фокусування
- Показати редактор по правій кнопці миші.
- Редактор тепер може бути инициализирована на зображення.
- варіант imageUploadToS3 для завантаження на Amazon S3.
- опція ImageUpload відключити завантаження зображень.
- опція customDropdowns налаштувати випадають.
- Команда blockStyle встановити користувальницькі blockStyle.
- blockStyles встановити конкретні blockStyles.
- Опція defaultBlockStyle для установки за замовчуванням доступні стилі блоку.
- Поліпшення знищити метод.
- Поліпшення підтримки заповнювач.
- Поліпшення режиму кодування.
- Поліпшення новий рядок в коді і Цитати.
- Встановити медіа-менеджер завжди чекає JSON, а не текст.
- Оновлення FontAwesome 4.1.0.
- Замінити значок пункту.
- Замінити колір значка.
- Додайте кнопку FontFamily в панелі інструментів.
- Додайте кнопку blockStyle в панелі інструментів.
- Додайте кнопку HTML назад в панелі інструментів.
- Дозволити URL-адреси, що починаються з # і /.
- Синхронізація, коли зображення видаляється.
Опція
Що нового у версії 1.1.4 :.
- Перемістити writeVideo до свого власного методу
- Поліпшення обгорткового підтримку.
- Поліпшення методу getHTML.
- Поліпшення форматування блоку.
- Налаштування кольору фону буде брати до уваги батьків теж.
- Поліпшення підтримки contentChangedCallback.
- Видалити невидимі символи при збереженні HTML.
- Додайте IsActive метод, щоб перевірити, якщо команда активна.
- Поліпшення скасувати механізми.
- медіа-менеджер для зображень.
- Додана опція ZIndex.
- Мінімум для autosaveInterval був змінений на 100.
- Поліпшення підтримки XSS.
- Поліпшення методу insertHTML.
- saveURL більше не потрібно для запуску збереження.
- Додайте обмеження зображення за допомогою опції allowedImageTypes.
- CTRL + Backspace ріже текст.
- CTRL +] в відступів тексту.
- CTRL + [буде outdenting текст.
- CTRL + & Quot; форматування тексту в якості цитати.
- CTRL + & # x5c; форматування тексту в якості коду.
- Синхронізація перед відправкою форми.
- Видалити зображення, натиснувши видалити при її виборі.
- Натискання Enter, коли зображення вибору стає його вниз.
- опція maxImageSize обмежити розмір зображення перед завантаженням.
- Додати defaultImageWidth можливість встановити розмір зображення при вставці.
- afterRemoveImageCallback тепер отримує СРК зображення як парам.
- Зображення видалити управління покращився.
- Команда горизонтальна лінія.
- Підтримка шрифтів сім'ї.
Що нового у версії 1.1.3 :.
- для користувача теги HTML більше не видаляються
- MinHeight варіант.
- метод removeFormat.
- Зображення вставляється де знаходиться курсор.
- Undo зберігає вибір і позицію курсора.
- & Quot; ласка, зачекайте & Quot; Повідомлення про помилку при завантаженні зображення.
Що нового у версії 1.1.2:
- Додано:
- опція textNearImage.
- imageButtons.
- alwaysVisible варіант.
- опція NoFollow.
- опція alwaysBlank.
- опція plainPaste.
- Іконки варіант.
- Callbacks для вставки.
- GetText () метод.
Опція
Що нового у версії 1.1.0 :.
- Додана підтримка мов (28 мов)
- кольору шкіри Inverse.
- Blockquote є цитата на самому початку.
- Додаткові параметри для запиту завантаження зображення.
- Додаткові параметри, щоб зберегти запит.
- Підтримка відео.
- Користувальницькі кнопки в панелі інструментів.
- опція 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 .
Вимоги
- включений JavaScript на стороні клієнта
- JQuery 1.10.2 або вище
1 Коментарі
Free or Not free 5 Aug 16
FEFree?