Froala Editor

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 или выше