Froala. Ընդլայնել ձեր պլատֆորմը լիարժեք WYSIWYG հարուստ տեքստային խմբագրիչով

Froala WYSIWYG հարուստ տեքստի HTML խմբագիր

Եթե ​​դուք երբևէ սկսել եք պլատֆորմի զարգացման ճանապարհը, որտեղ ձեզ անհրաժեշտ է տեքստի խմբագիր, որն այն է, ինչ տեսնում եք, ինչ եք ստանում (WYSISYG), դուք գիտեք, թե որքան դժվար կարող է լինել: Երբ ես աշխատում էի էլփոստի ծառայություն մատուցող ընկերությունում, խմբագիր մշակելու և փորձարկելու գործը, որն աշխատում էր պատասխանատու, միջբանկային էլփոստի HTML- ը մատուցելու համար, մշակողներին տանում էր մի քանի թողարկում ՝ կրկնության և շտկման համար: Դա հեշտ չէ.

Տեքստի խմբագիրն այն տարրերից մեկն է, որը դուք կցանկանայիք ներդնել մի հարթակում, որը էապես բարելավում է նկարահանված բովանդակությունը, բայց դրա համար պետք չէ մշակել ամիսներ կամ տարիներ: Froala խմբագիր արագ վառ հարուստ տեքստի խմբագիր է, որը թեթև է, լավ կառուցվածքով, անվտանգ և հեշտ է ձեր զարգացման թիմի համար ինտեգրվել բոլորի մեջ: ժողովրդական շրջանակներ.

froala խմբագիր շրջայց 1

Froala Editor- ի նախագծման առանձնահատկությունները

  • Ժամանակակից ձևավորում - գեղեցիկ ժամանակակից ինտերֆեյս, որը օգտվողները պարզապես կսիրեն:
  • Retina պատրաստ - Ավելի մանրամասն, ավելի լավ գեղագիտություն և ավելի սուր տառատեսակներ:
  • Թեմաներ - Օգտագործեք լռելյայն կամ մութ թեման կամ ստեղծեք ձեր սեփական թեման ՝ օգտագործելով LESS թեմաների ֆայլը:
  • Ինտուիտիվ ինտերֆեյս - Froala հարուստ տեքստային խմբագիրն առաջարկում է ամբողջական ֆունկցիոնալություն շատ ինտուիտիվ ինտերֆեյսի միջոցով, որը օգտագործողները բնական են համարում օգտագործման համար:
  • Popups - նոր, ոճավորված պատուհաններ ՝ օգտագործողի հրաշալի փորձի համար:
  • SVG սրբապատկերներ - ներքին պատրաստված SVG պատկերակներ, ընդարձակվող վեկտորային պատկերակներ, որոնք ցանկացած չափի հիասքանչ տեսք ունեն:
  • Պատվերով ոճ - WYSIWYG HTML խմբագիրը միակն է, որն ունի հատուկ հարմարեցնող գործիք `փոխելու ձեր ուզած տեսքն ու զգացողությունը:
  • Հատուկ գործիքագոտի - Չափից շատ կոճե՞ր: Միգուցե ճիշտ կարգով չէ՞: Դուք լիովին վերահսկում եք խմբագրի գործիքագոտու ֆունկցիոնալությունը յուրաքանչյուր էկրանի չափի վրա:
  • Պատվերով ամբողջ ճանապարհով - Ամեն ինչ կարելի է հարմարեցնել կամ պատրաստել ըստ պատվերի ՝ կոճակներ, բացվող ցուցակներ, ելնող պատուհաններ, պատկերակներ, դյուրանցումներ:
  • Կպչուն գործիքագոտի - Ձեր խմբագրման փորձը հեշտացնելու համար WYSIWYG խմբագրի գործիքագոտը կմնա էկրանի վերևում, մինչև ոլորեք ներքև:
  • Գործիքադարակի օֆսեթ - Հարուստ տեքստի խմբագրի գործիքագիծը պարտադիր չէ համընկնել ձեր կայքի վերնագրի հետ, պարզապես դրա համար սահմանեք օֆսեթ:
  • Գործիքադարակը ներքևում - Հեշտությամբ փոխեք WYSIWYG HTML խմբագրիչի գործիքագոտու դիրքը վերից վար, միևնույն ժամանակ օգտագործելով կպչուն գործիքագոտին կամ օֆսեթը:
  • Ամբողջ էկրանով - Մեծ քանակությամբ բովանդակության հետ գործ ունենալը պահանջում է խմբագրման մեծ տարածք: Ամբողջ էկրանով կոճակը կընդլայնի խմբագրման տարածքը ամբողջ կայքի վրա:
  • Ամբողջ էջը - Հնարավոր է նաև HTML ամբողջական էջի գրառում և խմբագրում: Օգտակար է էլփոստի համար, բայց ոչ միայն, թույլատրվում է օգտագործել HTML, HEAD, BODY պիտակները և DOCTYPE հայտարարությունը:
  • Iframe - WYSIWYG HTML խմբագրի բովանդակությունը կարող է մեկուսացվել էջի մնացած մասից `օգտագործելով iframe, որպեսզի ոճային կամ գրային հակասություններ չլինեն:

Froala խմբագրի կատարման առանձնահատկությունները

  • Արագ - Վեց անգամ ավելի արագ, քան աչքի թարթելը, հարուստ տեքստի խմբագիրը կպատրաստի 40 մմ-ից պակաս ժամանակահատվածում:
  • Միջին քաշից պակաս քաշ ունեցող մարդ - Միայն 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- ը պատկերի չափափոխմամբ առաջին WYSIWYG HTML խմբագիրն է, որն աշխատում է նույնիսկ շարժական սարքերում:
  • Տեսանյութի չափափոխում - առաջինը, ով ներմուծում է տեսանյութերի չափափոխում նույնիսկ այն ժամանակ, երբ դրանք խաղում են: Իհարկե, այն աշխատում է նաև բջջայինի վրա:
  • Արձագանքող դիզայն - Ձեր խմբագրած բովանդակությունը պատասխանատու կլինի: Նրանց WYSIWYG HTML խմբագիրը կարող է կարգավորել պատկերի չափը `օգտագործելով տոկոսներ:
  • Գործիքադարակը ըստ էկրանի չափի - Առաջին անգամ հարուստ տեքստի խմբագրում գործիքագոտը կարող է հարմարեցվել յուրաքանչյուր էկրանի չափի համար:

Froala Editor SEO- ի առանձնահատկությունները

  • Մաքուր HTML - Froala- ն մշակեց ալգորիթմ, որը ավտոմատ կերպով մաքրում է իրենց հարուստ տեքստի խմբագրի HTML ելքը: Գրեք առանց անհանգստության, WYSIWYG HTML խմբագիրն արտադրում է շատ մաքուր արդյունք ՝ սպասելով որոնիչների կողմից սողալուն:
  • Պատկերի Alt Tag աջակցություն - Պատկերի այլընտրանք այն տեքստն է, որը ցույց է տրված, եթե զննարկիչը չի կարող ցույց տալ պատկերը: Այն նաև տեքստ է, որն օգտագործում են որոնիչները, այնպես որ մի արհամարհեք այն: Այլընտրանքային տեքստը կարող է դրվել խմբագրման պատկերի պատուհանում:
  • Հղումի վերնագրի թեմաների աջակցում - Չնայած հայտնի չէ, որ հղման վերնագիրը SEO- ի մեծ ազդեցություն ունի, այն օգնում է օգտվողներին ավելի հեշտ կողմնորոշվել ձեր կայքի միջոցով: Ոչ այնքան կարեւոր, բայց լավ է ունենալ: Հղման պատուհանում դրեք հղման անվանումը:

Froala Editor- ի անվտանգության առանձնահատկությունները

  • Froala WYSIWYG HTML Editor- ը ունի ուժեղ պաշտպանական մեխանիզմ XSS գրոհներից: Շատ դեպքերում այս մասին ընդհանրապես անհանգստանալու կարիք չեք ունենա, բայց մենք դեռ խորհուրդ ենք տալիս լրացուցիչ ստուգումներ կատարել ձեր սերվերի վրա:

Աջակցելու հետ միասին HTML- ի բոլոր հատկությունները, խմբագիրը թարգմանված է 34 տարբեր լեզուներով, ունի RTL աջակցություն ավտոմատ հայտնաբերմամբ և ուղղագրության ստուգում:

Ֆրոալան նույնիսկ ունի ա WordPress plugin խմբագրին ինտեգրելու ձեր WordPress կայքը:

Փորձեք Froala- ի առցանց HTML խմբագիր Ներբեռնեք Froala

Ինչ եք կարծում?

Այս կայքը օգտագործում է Akismet- ը սպամի նվազեցման համար: Իմացեք, թե ինչպես է ձեր տվյալները մշակվում.