Froala: улучшите свою платформу с помощью полнофункционального текстового редактора WYSIWYG

Редактор форматированного текста Froala WYSIWYG HTML

Если вы когда-либо начинали разработку платформы, в которой вам требуется текстовый редактор, который представляет собой то, что видишь, то и получаешь (WYSISYG), вы знаете, как это может быть сложно. Когда я работал у поставщика услуг электронной почты, работа по разработке и тестированию редактора, который работал над отображением адаптивного кросс-клиентского HTML-кода электронной почты, потребовала от разработчиков нескольких выпусков для повторения и исправления. Это не легко.

Текстовый редактор - это один из тех элементов, которые вы хотели бы встроить в платформу, которая значительно улучшает захватываемый контент, но не требует месяцев или лет разработки. Редактор Froala это невероятно быстрый редактор форматированного текста, легкий, хорошо структурированный, безопасный и простой для интеграции вашей команды разработчиков во все популярные фреймворки.

тур редактора froala 1

Особенности дизайна редактора Froala

  • Современная конструкция - приятный современный интерфейс, который обязательно понравится пользователям.
  • Retina Готовые - Больше деталей, лучшая эстетика и более четкие шрифты.
  • Темы - Используйте темную тему по умолчанию или темную тему, или создайте свою собственную тему, используя файл темы LESS.
  • Интуитивно понятный интерфейс - Текстовый редактор Froala предлагает полную функциональность через очень интуитивно понятный интерфейс, который пользователи сочтут естественным в использовании.
  • Всплывающие окна - новые стилизованные всплывающие окна для потрясающего взаимодействия с пользователем.
  • SVG иконки - собственные иконки SVG, масштабируемые векторные иконки, которые великолепно выглядят в любом размере.
  • Пользовательский стиль - Редактор HTML WYSIWYG - единственный, у которого есть специальный инструмент настройки, чтобы изменить внешний вид так, как вы хотите.
  • Настраиваемая панель инструментов - Слишком много кнопок? Возможно, не в правильном порядке? У вас есть полный контроль над функциональностью панели инструментов редактора для каждого размера экрана.
  • На заказ до конца - Все можно настроить или сделать на заказ: кнопки, раскрывающиеся списки, всплывающие окна, значки, ярлыки.
  • Прикрепленная панель инструментов - Чтобы упростить процесс редактирования, панель инструментов редактора WYSIWYG останется в верхней части экрана, пока вы прокручиваете его вниз.
  • Смещение панели инструментов - Панель инструментов редактора форматированного текста не должна перекрывать заголовок на вашей веб-странице, просто установите для него смещение.
  • Панель инструментов внизу - Легко изменяйте положение панели инструментов редактора WYSIWYG HTML сверху вниз, используя при этом липкую панель инструментов или смещение.
  • Полноэкранный - Работа с большими объемами контента требует большого пространства для редактирования. Кнопка полноэкранного режима расширит область редактирования на все пространство веб-страницы.
  • Полная страница - Также возможно написание и редактирование всей HTML-страницы. Полезно для электронных писем, но не только, использование тегов HTML, HEAD, BODY и объявления DOCTYPE разрешено.
  • Iframe - Содержимое WYSIWYG HTML-редактора можно изолировать от остальной части страницы с помощью iframe, чтобы не было конфликтов стилей или скриптов.

Особенности производительности Froala Editor

  • Быстро - В шесть раз быстрее, чем мгновение ока, редактор форматированного текста инициализируется менее чем за 40 мс.
  • Небольшой вес - Благодаря gzip-ядру размером всего 50 КБ вы можете добавить в свое приложение потрясающие возможности редактирования без потери скорости загрузки.
  • На основе плагина - Модульная структура делает редактор WYSIWYG HTML более эффективным, более простым для понимания, расширения и обслуживания.
  • Несколько редакторов на странице - Один или десять текстовых редакторов на одной странице? Вы не почувствуете разницы, просто настройте их на инициализацию при нажатии.
  • HTML 5 - Текстовый редактор Froala Rich Text Editor создан с учетом стандартов HTML 5 и использует их преимущества.
  • CSS 3 - Что может быть лучше, чем использование CSS 3? Тонкие эффекты делают редактор еще лучше.

Мобильные функции Froala Editor

  • Android и iOS - Устройства Android и iOS протестированы и поддерживаются.
  • Изменение размера изображения - Froala Rich Text Editor - первый редактор HTML WYSIWYG с возможностью изменения размера изображения, который работает даже на мобильных устройствах.
  • Изменение размера видео - первая функция изменения размера видео, даже когда оно воспроизводится. И, конечно же, он работает и на мобильных устройствах.
  • Адаптивный дизайн - Контент, который вы редактируете, будет адаптивным. Их редактор WYSIWYG HTML может обрабатывать изменение размера изображения в процентах.
  • Панель инструментов по размеру экрана - Впервые в редакторе форматированного текста панель инструментов можно настроить для каждого размера экрана.

Возможности Froala Editor SEO

  • Чистый HTML - Froala разработал алгоритм, который автоматически очищает HTML-вывод их редактора форматированного текста. Пишите, не беспокойтесь, редактор WYSIWYG HTML выдает очень чистый вывод, ожидающий сканирования поисковыми системами.
  • Поддержка альтернативных тегов изображений - Альтернатива изображения - это текст, отображаемый, если браузер не может отобразить изображение. Это также текст, который используют поисковые системы, поэтому не игнорируйте его. Альтернативный текст можно задать во всплывающем окне редактирования изображения.
  • Поддержка тега заголовка ссылки - Хотя неизвестно, что заголовок ссылки оказывает серьезное влияние на SEO, он помогает пользователям легче перемещаться по вашему сайту. Не так важно, но хорошо иметь. Задайте заголовок ссылки во всплывающем окне ссылки.

Функции безопасности редактора Froala Editor

  • Froala WYSIWYG HTML Editor имеет надежный механизм защиты от XSS-атак. В большинстве случаев вам не придется вообще об этом беспокоиться, но мы все же рекомендуем вам выполнить дополнительные проверки на своем сервере.

Наряду с поддержкой все возможности HTML, редактор переведен на 34 разных языка, имеет поддержку RTL с автоопределением и проверку орфографии.

У Фроала даже есть WordPress плагин для интеграции редактора в ваш сайт WordPress.

Попробуйте онлайн-редактор HTML от Froala Скачать Froala

Как вы думаете?

Этот сайт использует Akismet для уменьшения количества спама. Узнайте, как обрабатываются ваши данные комментариев.