Froala: Палепшыце сваю платформу з дапамогай поўнафункцыянальнага тэкставага рэдактара WYSIWYG

Froala WYSIWYG Рэдактар ​​HTML з тэкстам

Калі вы калі-небудзь пачыналі распрацоўку платформы, дзе вам патрэбен тэкставы рэдактар, які-вы-бачыце-гэта-што-вы атрымліваеце (WYSISYG), вы ведаеце, наколькі гэта можа быць складана. Калі я працаваў у пастаўшчыка паслуг электроннай пошты, праца па распрацоўцы і тэставанні рэдактара, які працаваў над тым, каб рэагаваць на кліенцкую электронную пошту HTML, спатрэбілася некалькім выпускам для ітэрацыі і выпраўлення. Гэта няпроста.

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

тур рэдактара froala 1

Асаблівасці дызайну Froala Editor

  • Сучасны дызайн - прыемны сучасны інтэрфейс, які карыстальнікам проста спадабаецца.
  • Retina Гатовыя - Больш падрабязна, лепшая эстэтыка і больш рэзкія шрыфты.
  • Тэмы - Выкарыстоўвайце цёмную тэму па змаўчанні альбо стварыце ўласную тэму, выкарыстоўваючы файл тэмы LESS.
  • Інтуітыўна зразумелы інтэрфейс - Шырокі тэкставы рэдактар ​​Froala прапануе поўную функцыянальнасць дзякуючы вельмі інтуітыўна зразумеламу інтэрфейсу, які карыстальнікі палічаць натуральным.
  • Усплывальныя вокны - новыя стыльныя ўсплывальныя вокны для ўзрушаючага карыстацкага досведу.
  • SVG абразкі - зробленыя ў доме абразкі SVG, маштабуюцца вектарныя абразкі, якія выглядаюць цудоўна пры любых памерах.
  • Нестандартны стыль - Рэдактар ​​HTML WYSIWYG - адзіны, які мае спецыяльны інструмент наладчыка, які дазваляе змяніць знешні выгляд і адчуць сябе так, як вы хочаце.
  • Карыстальніцкая панэль інструментаў - Зашмат кнопак? Магчыма, не ў правільным парадку? Вы маеце поўны кантроль над функцыянальнасцю панэлі інструментаў рэдактара на кожным памеры экрана.
  • Прыстасаваны ўвесь шлях - Усё можна наладзіць альбо зрабіць на заказ: кнопкі, выпадальныя меню, усплывальныя вокны, значкі, цэтлікі.
  • Ліпкая панэль інструментаў - Для палягчэння працы з рэдагаваннем панэль інструментаў рэдактара WYSIWYG будзе заставацца ў верхняй частцы экрана, пакуль вы пракручваеце ўніз.
  • Зрушэнне панэлі інструментаў - Панэль інструментаў тэкставага рэдактара не павінна перакрывацца загалоўкам на вашай вэб-старонцы, проста ўсталюйце для яе зрушэнне.
  • Панэль інструментаў унізе - Лёгка змяняйце становішча панэлі інструментаў WYSIWYG HTML зверху ўніз, адначасова выкарыстоўваючы ліпкую панэль інструментаў альбо зрушэнне.
  • Поуны экран - Для працы з вялікім аб'ёмам кантэнту патрабуецца вялікая прастора для рэдагавання. Поўнаэкранная кнопка пашырыць вобласць рэдагавання на ўсю прастору вэб-старонкі.
  • поўная старонка - Таксама магчыма напісанне і рэдагаванне цэлай HTML-старонкі. Карысна для электронных лістоў, але не толькі, дазволена выкарыстанне HTML, HEAD, BODY тэгаў і дэкларацыі DOCTYPE.
  • Iframe - Змест рэдактара WYSIWYG HTML можна ізаляваць ад астатняй часткі старонкі з дапамогай iframe, каб не было канфліктаў стыляў і сцэнарыяў.

Асаблівасці прадукцыйнасці рэдактара Froala

  • амаль - У шэсць разоў хутчэй, чым імгненне вока, рэдактар ​​насычанага тэксту ініцыялізуецца менш чым за 40 мс.
  • Лёгкі - Ядро, якое мае gzipped, складае ўсяго 50 КБ, і вы можаце ўнесці дзіўны досвед рэдагавання ў сваю праграму, не губляючы хуткасці загрузкі.
  • На аснове плагіна - Модульная структура робіць рэдактар ​​HTML WYSIWYG больш эфектыўным, лягчэйшым для разумення, пашырэння і абслугоўвання.
  • Некалькі рэдактараў на старонцы - Адзін ці дзесяць тэкставых рэдактараў на адной старонцы? Вы не адчуеце розніцы, проста ўсталюйце іх ініцыялізацыю па націску.
  • 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 можа апрацоўваць змяненне памеру выявы з выкарыстаннем працэнтаў.
  • Панэль інструментаў па памеры экрана - Упершыню ў рэдактары шматбаковага тэксту панэль інструментаў можна наладзіць для кожнага памеру экрана.

Асаблівасці SEO Froala Editor

  • Чысты HTML - Froala распрацаваў алгарытм, які аўтаматычна ачышчае вывады HTML у іх рэдактары багатых тэкстаў. Пішыце без клопатаў, рэдактар ​​WYSIWYG HTML выдае вельмі чыстую прадукцыю, чакаючы сканавання пошукавымі сістэмамі.
  • Падтрымка выявы Alt Tag - Альтэрнатыва выявы - гэта тэкст, які паказваецца, калі браўзэр не можа адлюстраваць малюнак. Гэта таксама тэкст, які выкарыстоўваюць пошукавыя сістэмы, таму не ігнаруйце яго. Альтэрнатыўны тэкст можна ўсталяваць ва ўсплывальным акне рэдагавання выявы.
  • Падтрымка тэга загалоўка спасылкі - Хоць загаловак спасылкі не мае вялікага ўплыву на SEO, ён дапамагае карыстальнікам лягчэй перамяшчацца па вашым вэб-сайце. Не так важна, але добра мець. Усталюйце загаловак спасылкі ва ўсплывальным акне спасылкі.

Асаблівасці бяспекі Froala Editor

  • Froala WYSIWYG HTML Editor мае моцны механізм абароны ад XSS-нападаў. У большасці выпадкаў вам зусім не прыйдзецца турбавацца пра гэта, але мы ўсё ж рэкамендуем правесці дадатковыя праверкі на вашым серверы.

Разам з падтрымкай усе функцыі HTML, рэдактар ​​перакладзены на 34 розныя мовы, мае падтрымку RTL з аўтаматычным вызначэннем і праверкай арфаграфіі.

У Froala нават ёсць Убудова Wordpress для інтэграцыі рэдактара ў ваш сайт WordPress.

Паспрабуйце Інтэрнэт-рэдактар ​​HTML Froala Спампаваць Froala

Што вы думаеце?

Гэты сайт выкарыстоўвае Akismet для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.