3 parimat veebirakenduse jaoks mõeldud rikasteksti redaktorit
Kas otsite oma veebirakenduse jaoks tasuta rikka tekstiredaktorit? WYSIWYG (mida näete, see on see, mida saate) redaktor võimaldab teil sisestada kirjeldava sisu koos HTML-elementidega. Selles artiklis käsitleme populaarseimaid ja hõlpsasti installitavaid kolme tasuta rikka tekstiredaktorit.
Internetis on saadaval mitu WYSIWYG-i toimetajat. Olen proovinud mõnda toimetajat ja valinud 3 parimat tasuta WYSIWYG HTML-i redaktorit, milleks on CKEditor, TinyMCE ja Trix.
Miks on vaja rikka tekstiredaktorit?
Võib küsida, miks peaks kasutama rikas tekstiredaktorit? Vastus on lihtne. Tekstialal ei ole suurte sisutükkide sisestamine lihtne ja kasutajasõbralik. Erinevat tüüpi HTML-elementide sisestamine tekstialale on väga keeruline. Sisu pakkimine elementide sisse ja nende hierarhia säilitamine on tekstialal keeruline.
Selle probleemi lihtsustamiseks on meil võimalus kasutada rikas tekstiredaktorit. Need WYSIWYG-i redigeerijad pakuvad textarea asemel head kasutajaliidest ja kasutuskogemust.
CKEditor – veebitekstiredaktor
CKEditor on populaarne ja sagedamini kasutatav tasuta rikas tekstiredaktor. See redaktor on loodud veebisaidi sisu loomise lihtsustamiseks.
CKEditori kasutamiseks peate kõigepealt lisama selle JS-faili. Nad on pakkunud kolme tüüpi pakette – Basic, Standard, Full. Nõude põhjal saate valida ühe või teise paketi. Iga paketi jaoks on saadaval erinev JS-fail.
Siin on link CKEditori pakettidele http://ckeditor.com/download
Ülaltoodud lehel saab valida mis tahes paketi ja hankida paketi JS-i lähtekoha.
Näiteks kasutan standardset paketti, nii et minu kood on järgmine.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor</title>
<script src="//cdn.ckeditor.com/4.14.1/standard/ckeditor.js"></script>
</head>
<body>
<textarea name="editor1"></textarea>
<script>
CKEDITOR.replace( 'editor1' );
</script>
</body>
</html>Ülaltoodud kood loob redaktori, mis näeb välja nagu allpool olev ekraanipilt.
TinyMCE – täiustatud WYSIWYG-redaktor
TinyMCE on üks enimkasutatavaid avatud lähtekoodiga redaktoreid. Tuntud kaubamärgid kasutavad seda redaktorit oma põhiarenduses.
TinyMCE redaktori installimine on ülilihtne. Järgmine kood asendab tekstiala redaktoriga TinyMCE WYSIWYG.
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script>tinymce.init({ selector:'textarea' });</script>
</head>
<body>
<textarea>Next, get a free Tiny Cloud API key!</textarea>
</body>
</html>Allpool on ülaltoodud koodi abil loodud redaktori ekraanipilt.
See redaktor pakub rikkalikku tööriistaribade komplekti. Kasutaja saab redaktori tööriistaribale lisada funktsioone (pistikprogramme), nagu emotsioonid, ankur, täisekraanrežiim, pilt, print, õigekirjakontroll, tabel, sõnade arv jne. Nende dokumentatsioonist leiate kõigi tööriistariba funktsioonide täieliku loendi .
Trix – avatud lähtekoodiga WYSIWYG-redaktor
Trix on veel üks Basecampi avatud lähtekoodiga rikas tekstiredaktor. Kuna seda redaktorit kasutatakse Basecampis, kasutavad seda juba miljonid kasutajad. Kirjutasin Trixi redigeerija kohta eraldi artikli, seega vaadake palun seda artiklit, mis selgitab, kuidas Trixi redigeerijat oma veebisaitidel kasutada.
Loodan, et saite põhiteadmised populaarsetest tasuta rikas tekstiredaktoritest. Palun jagage oma mõtteid ja ettepanekuid allpool olevas kommentaaride jaotises.