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

Час чытання: 4 пратакол

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

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

Асаблівасці дызайну 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