Froala: Forbedr din platform med en fuldt udstyret WYSIWYG Rich Text Editor

Froala WYSIWYG Rich Text HTML Editor
Læsetid: 4 minutter

Hvis du nogensinde er startet med at udvikle en platform, hvor du har brug for en teksteditor, der er hvad-du-ser-er-hvad-du får (WYSISYG), du ved, hvor svært det kan være. Da jeg arbejdede hos en e-mail-tjenesteudbyder, tog jobet med at udvikle og teste en redaktør, der arbejdede for at gengive responsiv, cross-client e-mail-HTML, udviklere flere udgivelser for at gentage og rette. Det er ikke nemt.

En teksteditor er et af de elementer, som du gerne vil integrere i en platform, der væsentligt forbedrer det indfangede indhold, men bør ikke kræve måneder eller års udvikling. Froala Editor er en flammende hurtig rich text editor, der er let, velstruktureret, sikker og let for dit udviklingsteam at integrere i alle populære rammer.

froala editor tour 1

Froala Editor designfunktioner

  • Moderne design - en flot moderne grænseflade, som brugerne bare vil elske.
  • retina Ready - Flere detaljer, bedre æstetik og skarpere skrifttyper.
  • Temaer - Brug standard- eller det mørke tema, eller opret dit eget tema ved hjælp af LESS-temafilen.
  • Intuitivt Interface - Froala rich text editor tilbyder komplet funktionalitet gennem en meget intuitiv grænseflade, som brugerne finder naturlige at bruge.
  • Popups - nye pop-ups med stil til en fantastisk brugeroplevelse.
  • SVG-ikoner - egenfremstillede SVG-ikoner, skalerbare vektorikoner, der ser smukke ud i enhver størrelse.
  • Brugerdefineret stil - WYSIWYG HTML-editor er den eneste, der har et specielt tilpasningsværktøj til at ændre udseendet og føle, som du vil.
  • Brugerdefineret værktøjslinje - For mange knapper? Måske ikke i den rigtige rækkefølge? Du har fuld kontrol over editorens værktøjslinjefunktionalitet på hver skærmstørrelse.
  • Brugerdefineret hele vejen - Alt kan tilpasses eller skræddersys: knapper, dropdowns, pop op-vinduer, ikoner, genveje.
  • Sticky Toolbar - For at lette din redigeringsoplevelse forbliver WYSIWYG-editorens værktøjslinje øverst på skærmen, mens du ruller ned.
  • Værktøjslinjeforskydning - Rich text-editorens værktøjslinje behøver ikke at overlappe med overskriften på din webside, bare indstil en forskydning for den.
  • Værktøjslinje i bunden - Skift let WYSIWYG HTML-editorens værktøjslinjes position fra top til bund, mens du også bruger den klæbende værktøjslinje eller en forskydning.
  • Fuld skærm - Håndtering af store mængder indhold kræver et stort redigeringsområde. Fuldskærmsknappen udvider redigeringsområdet til hele websidepladsen.
  • Fuld side - Skrivning og redigering af en hel HTML-side er også mulig. Nyttigt til e-mails, men ikke kun, brugen af ​​HTML, HEAD, BODY-tags og DOCTYPE-erklæring er tilladt.
  • iframe - WYSIWYG HTML-editorens indhold kan isoleres fra resten af ​​siden ved hjælp af iframe, så der ikke er nogen stil eller scriptkonflikter.

Froala Editor ydeevne funktioner

  • Hurtig - Seks gange hurtigere end et øjebliks øje, initialiserer rich text editor på mindre end 40 ms.
  • Letvægt - Med sin gzippet kerne på kun 50 KB kan du bringe en fantastisk redigeringsoplevelse til din app uden at miste indlæsningshastighed.
  • Plugin-baseret - Den modulære struktur gør WYSIWYG HTML-editoren mere effektiv, lettere at forstå, udvide og vedligeholde.
  • Flere redaktører på en side - En eller ti teksteditorer på samme side? Du vil ikke føle en forskel, bare indstil dem til at blive initialiseret ved klik.
  • HTML 5 - Froala Rich Text Editor er bygget med respekt for og udnytter HTML 5-standarderne.
  • CSS 3 - Hvilken bedre måde at forbedre brugeroplevelsen på end at bruge CSS 3? Subtile effekter gør editoren endnu større.

Froala Editor Mobile-funktioner

  • Android og iOS - Android- og iOS-enheder testet og understøttet.
  • Billedformatering - Froala Rich Text Editor er den første WYSIWYG HTML-editor med billedstørrelse, der fungerer selv på mobile enheder.
  • Videostørrelse - den første til at introducere størrelse på videoer, selv når de afspilles. Og selvfølgelig fungerer det også på mobil.
  • Responsive Design - Det indhold, du redigerer, er lydhør. Deres WYSIWYG HTML-editor kan håndtere billedstørrelse ved hjælp af procenter.
  • Værktøjslinje efter skærmstørrelse - For første gang i en rich text-editor kan værktøjslinjen tilpasses til hver skærmstørrelse.

Froala Editor SEO-funktioner

  • Rens HTML - Froala udviklede en algoritme, der automatisk rydder op i HTML-output fra deres rich text editor. Skriv uden bekymringer, WYSIWYG HTML-editoren producerer en meget ren output, der venter på at blive gennemgået af søgemaskiner.
  • Image Alt Tag Support - Billedalternativ er den viste tekst, hvis browseren ikke kan vise billedet. Det er også teksten, som søgemaskiner bruger, så ignorér den ikke. Alternativ tekst kan indstilles i popup-redigeringsbillede.
  • Link Titel Tag Support - Selvom linktitel ikke vides at have stor SEO-indvirkning, hjælper det brugerne med at navigere lettere gennem dit websted. Ikke så vigtigt, men godt at have. Indstil linkets titel i pop op-linket.

Froala Editor sikkerhedsfunktioner

  • Froala WYSIWYG HTML Editor har en stærk forsvarsmekanisme mod XSS-angreb. I de fleste tilfælde behøver du slet ikke bekymre dig om dette, men vi anbefaler stadig, at du foretager yderligere kontrol på din server.

Sammen med støtte alle HTML-funktioner, redaktøren er oversat til 34 forskellige sprog, har RTL-understøttelse med automatisk detektion og stavekontrol.

Froala har endda en WordPress plugin at integrere editoren på dit WordPress-websted.

Prøv Froalas online HTML-editor Download Froala

Hvad mener du?

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.