Froala: платформаңызды толық сипатталған WYSIWYG бай мәтіндік редакторымен жақсартыңыз

Froala WYSIWYG HTML мәтіндік редакторы

Егер сіз платформаны дамыту жолынан бастаған болсаңыз, онда сіз не көретіндігіңізді және сіз алатын мәтіндік редакторды қажет ететін (WYSISYG), сіз мұның қаншалықты қиын болатынын білесіз. Электрондық пошта провайдерінде жұмыс істеген кезде, HTML-де жұмыс жасайтын редакторды әзірлеу және тестілеу жұмысы электрондық пошта арқылы өңдеушілерге бірнеше шығарылымдарды қайталауға және түзетуге мәжбүр етті. Бұл оңай емес.

Мәтіндік редактор - бұл түсірілген мазмұнды едәуір жақсартатын, бірақ бірнеше ай немесе бірнеше жыл дамуды қажет етпейтін платформаға енгізгіңіз келетін элементтердің бірі. Froala редакторы бұл жеңіл, жақсы құрылымдалған, қауіпсіз және сіздің әзірлеушілер тобыңызға бәріне оңай енетін қарапайым жылдам редактор. танымал құрылымдар.

froala редакторының туры 1

Froala редакторының дизайн ерекшеліктері

  • Қазіргі дизайн - қолданушыларға ұнайтын жақсы заманауи интерфейс.
  • Retina Дайын - Толығырақ, жақсы эстетика және айқын қаріптер.
  • Тақырыптар - Әдепкі немесе күңгірт тақырыпты қолданыңыз немесе КЕМІ тақырыптық файлды пайдаланып өз тақырыбыңызды жасаңыз.
  • Интуитивті интерфейс - Froala мәтіндік редакторы интуитивті интерфейс арқылы толық функционалдылықты ұсынады, оны қолданушылар табиғи деп санайды.
  • қалқымалы терезелер - қолданушының керемет тәжірибесі үшін жаңа, сәнді қалқымалы терезелер.
  • SVG белгішелері - үйде жасалған SVG белгішелері, кез-келген өлшемде керемет болып көрінетін масштабталатын векторлық белгішелер.
  • Жеке стиль - WYSIWYG HTML редакторы - көріністі өзгертуге және өзіңіз қалағандай сезінуге арналған арнайы теңшеу құралы бар жалғыз редактор.
  • Таңдамалы құралдар тақтасы - Түйме тым көп пе? Мүмкін дұрыс тәртіпте емес шығар? Сіз экранның әр өлшемінде редактордың құралдар тақтасының жұмысына толық бақылау жасай аласыз.
  • Барлық жол - Барлығын теңшеуге немесе тапсырыс бойынша жасауға болады: түймелер, ашылмалы терезелер, қалқымалы терезелер, белгішелер, жарлықтар.
  • Жабысқақ құралдар тақтасы - Өңдеу тәжірибеңізді жеңілдету үшін WYSIWYG редакторының құралдар тақтасы экранның жоғарғы жағында төмен айналған кезде қалады.
  • Құралдар тақтасының жылжуы - Бай мәтіндік редактордың құралдар тақтасында сіздің веб-сайтыңыздың үстіңгі қабатымен қабаттасудың қажеті жоқ, тек оған ығысу орнатыңыз.
  • Төмендегі құралдар тақтасы - WYSIWYG HTML редакторының құралдар тақтасының орнын жоғарыдан төменге оңай өзгертіңіз, сонымен қатар жабысқақ құралдар тақтасын немесе офсетті қолданыңыз.
  • Толық экран - Үлкен көлемдегі мазмұнмен жұмыс істеу үлкен кеңістікті қажет етеді. Толық экран түймесі өңдеу аймағын бүкіл веб-кеңістікке кеңейтеді.
  • Толық бет - бүкіл HTML парағын жазу және редакциялау да мүмкін. Электрондық пошта үшін пайдалы, тек HTML, HEAD, BODY тегтерін және DOCTYPE декларациясын қолдануға рұқсат етілмейді.
  • Ифрам - WYSIWYG HTML редакторының мазмұнын iframe көмегімен беттің қалған бөлігінен оқшаулауға болады, сондықтан стиль мен сценарий қайшылықтары болмайды.

Froala редакторының жұмыс ерекшеліктері

  • дерлік - Көзді ашып-жұмғанша алты есе жылдам, бай мәтіндік редактор 40 мильден аз уақытта инициалданады.
  • Жеңіл - Өзінің тек 50 килобайттық ядросымен сіз жүктеу жылдамдығын жоғалтпастан қолданбаңызға керемет редакциялау тәжірибесін енгізе аласыз.
  • Плагинге негізделген - модульдік құрылым WYSIWYG HTML редакторын тиімді етеді, түсінуге, кеңейтуге және қызмет көрсетуге жеңілдетеді.
  • Беттегі бірнеше редакторлар - Бір парақта бір немесе он мәтіндік редактор? Сіз айырмашылықты сезбейсіз, оларды басу арқылы инициализациялау үшін орнатыңыз.
  • HTML 5 - Froala Rich Text редакторы HTML 5 стандарттарын қолдана отырып жасалған.
  • CSS 3 - CSS 3 қолданғаннан гөрі қолданушы тәжірибесін жақсартудың қандай жақсы әдісі бар? Жіңішке эффекттер редакторды одан сайын күшейтеді.

Froala редакторының мобильді мүмкіндіктері

  • Android және iOS - Android және iOS құрылғылары тексеріліп, қолдау көрсетіледі.
  • Кескіннің өлшемін өзгерту - Froala Rich Text Editor - бұл мобильді құрылғыларда да жұмыс жасайтын, сурет өлшемін өзгертетін бірінші WYSIWYG HTML редакторы.
  • Бейне өлшемін өзгерту - бейнелердің өлшемін олар ойнайтын кезде де енгізетін бірінші. Әрине, ол мобильді құрылғыда да жұмыс істейді.
  • жауап дизайн - Сіз өңдеп жатқан мазмұн жауап береді. Олардың WYSIWYG HTML редакторы кескіннің мөлшерін пайыздық мөлшерлемені қолдана отырып өңдей алады.
  • Экран өлшемі бойынша құралдар тақтасы - Бірінші рет бай мәтіндік редакторда құралдар тақтасын экранның әр өлшемі үшін теңшеуге болады.

Froala редакторының SEO мүмкіндіктері

  • HTML-ді тазалаңыз - Froala өзінің бай мәтіндік редакторының HTML шығуын автоматты түрде тазартатын алгоритм жасады. Уайымдамай жазыңыз, WYSIWYG HTML редакторы іздеу жүйелері тексеріп шығуды күтіп, өте таза нәтиже шығарады.
  • Кескін Alt Tag қолдау - Кескіннің альтернативасы - егер шолғыш кескінді көрсете алмаса, онда көрсетілген мәтін. Бұл сонымен қатар іздеу жүйелері пайдаланатын мәтін, сондықтан оны елемеңіз. Альтернативті мәтінді суретті өңдеу қалқымасында орнатуға болады.
  • Сілтеме тақырыбын қолдау - Сілтеме тақырыбы SEO-ға үлкен әсер ететіні белгілі болмаса да, бұл сіздің веб-сайтыңыз арқылы пайдаланушыларға оңай шарлауға көмектеседі. Маңызды емес, бірақ жақсы. Сілтеме қалқымалы терезесінде сілтеме тақырыбын орнатыңыз.

Froala редакторының қауіпсіздік мүмкіндіктері

  • Froala WYSIWYG HTML редакторында XSS шабуылдарынан күшті қорғаныс механизмі бар. Көп жағдайда сіз бұл туралы мүлдем алаңдамайсыз, бірақ біз сіздің серверіңізде қосымша тексерулер жүргізуге кеңес береміз.

Қолдаумен қатар барлық HTML мүмкіндіктері, редактор 34 түрлі тілге аударылған, автоматты анықтаумен RTL қолдауына ие және емле тексеруі.

Фролада тіпті бар WordPress плагин WordPress сайтына редакторды біріктіру.

Froala-дің желідегі HTML редакторын қолданып көріңіз Froala жүктеу

Сен не ойлайсың?

Бұл сайт спамның төмендеуі үшін Akismet пайдаланады. Деректеріңіздің қалай өңделетінін біліңіз.