{"id":25066,"date":"2021-05-23T15:18:00","date_gmt":"2021-05-23T12:18:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25066"},"modified":"2021-10-17T18:53:55","modified_gmt":"2021-10-17T15:53:55","slug":"3-parimat-veebirakenduse-jaoks-moeldud-rikasteksti-redaktorit","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/3-parimat-veebirakenduse-jaoks-moeldud-rikasteksti-redaktorit\/","title":{"rendered":"3 parimat veebirakenduse jaoks m\u00f5eldud rikasteksti redaktorit"},"content":{"rendered":"

Kas otsite oma veebirakenduse jaoks tasuta rikka tekstiredaktorit? WYSIWYG (mida n\u00e4ete, see on see, mida saate) redaktor v\u00f5imaldab teil sisestada kirjeldava sisu koos HTML-elementidega. Selles artiklis k\u00e4sitleme populaarseimaid ja h\u00f5lpsasti installitavaid kolme tasuta rikka tekstiredaktorit.<\/p>\n

Internetis on saadaval mitu WYSIWYG-i toimetajat. Olen proovinud m\u00f5nda toimetajat ja valinud 3 parimat tasuta WYSIWYG HTML-i redaktorit, milleks on CKEditor, TinyMCE ja Trix<\/strong>.<\/p>\n

Miks on vaja rikka tekstiredaktorit?<\/h3>\n

V\u00f5ib k\u00fcsida, miks peaks kasutama rikas tekstiredaktorit? Vastus on lihtne. Tekstialal ei ole suurte sisut\u00fckkide sisestamine lihtne ja kasutajas\u00f5bralik. Erinevat t\u00fc\u00fcpi HTML-elementide sisestamine tekstialale on v\u00e4ga keeruline. Sisu pakkimine elementide sisse ja nende hierarhia s\u00e4ilitamine on tekstialal keeruline.<\/p>\n

Selle probleemi lihtsustamiseks on meil v\u00f5imalus kasutada rikas tekstiredaktorit. Need WYSIWYG-i redigeerijad pakuvad textarea asemel head kasutajaliidest ja kasutuskogemust.<\/p>\n

CKEditor – veebitekstiredaktor<\/h3>\n

CKEditor<\/a> on populaarne ja sagedamini kasutatav tasuta rikas tekstiredaktor. See redaktor on loodud veebisaidi sisu loomise lihtsustamiseks.<\/p>\n

CKEditori kasutamiseks peate k\u00f5igepealt lisama selle JS-faili. Nad on pakkunud kolme t\u00fc\u00fcpi pakette – Basic, Standard, Full. N\u00f5ude p\u00f5hjal saate valida \u00fche v\u00f5i teise paketi. Iga paketi jaoks on saadaval erinev JS-fail.<\/p>\n

Siin on link CKEditori pakettidele <\/a>http:\/\/ckeditor.com\/download<\/a><\/p>\n

\u00dclaltoodud lehel saab valida mis tahes paketi ja hankida paketi JS-i l\u00e4htekoha.<\/p>\n

\"3<\/a><\/p>\n

N\u00e4iteks kasutan standardset paketti, nii et minu kood on j\u00e4rgmine.<\/p>\n

<!DOCTYPE html>\n<html>\n\u00a0\u00a0\u00a0\u00a0<head>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<meta charset=\"utf-8\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<title>CKEditor<\/title>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<script src=\"\/\/cdn.ckeditor.com\/4.14.1\/standard\/ckeditor.js\"><\/script>\n\u00a0\u00a0\u00a0\u00a0<\/head>\n\u00a0\u00a0\u00a0\u00a0<body>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<textarea name=\"editor1\"><\/textarea>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<script>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0CKEDITOR.replace( 'editor1' );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/script>\n\u00a0\u00a0\u00a0\u00a0<\/body>\n<\/html><\/code><\/pre>\n
\u00dclaltoodud kood loob redaktori, mis n\u00e4eb v\u00e4lja nagu allpool olev ekraanipilt.<\/p>\n
\"3<\/a><\/p>\n
TinyMCE – t\u00e4iustatud WYSIWYG-redaktor<\/h3>\n
TinyMCE<\/a> on \u00fcks enimkasutatavaid avatud l\u00e4htekoodiga redaktoreid. Tuntud kaubam\u00e4rgid kasutavad seda redaktorit oma p\u00f5hiarenduses.<\/p>\n
TinyMCE redaktori installimine on \u00fclilihtne. J\u00e4rgmine kood asendab tekstiala redaktoriga TinyMCE WYSIWYG.<\/p>\n
<!DOCTYPE html>\n<html>\n<head>\n\u00a0\u00a0<script src=\"https:\/\/cdn.tiny.cloud\/1\/no-api-key\/tinymce\/5\/tinymce.min.js\" referrerpolicy=\"origin\"><\/script>\n\u00a0\u00a0<script>tinymce.init({ selector:'textarea' });<\/script>\n<\/head>\n<body>\n\u00a0\u00a0<textarea>Next, get a free Tiny Cloud API key!<\/textarea>\n<\/body>\n<\/html><\/code><\/pre>\n
Allpool on \u00fclaltoodud koodi abil loodud redaktori ekraanipilt.<\/p>\n
\"3<\/a><\/p>\n
See redaktor pakub rikkalikku t\u00f6\u00f6riistaribade komplekti. Kasutaja saab redaktori t\u00f6\u00f6riistaribale lisada funktsioone (pistikprogramme), nagu emotsioonid, ankur, t\u00e4isekraanre\u017eiim, pilt, print, \u00f5igekirjakontroll, tabel, s\u00f5nade arv jne. Nende dokumentatsioonist<\/a> leiate k\u00f5igi t\u00f6\u00f6riistariba funktsioonide t\u00e4ieliku loendi .<\/p>\n
Trix – avatud l\u00e4htekoodiga WYSIWYG-redaktor<\/h3>\n
Trix<\/a> on veel \u00fcks Basecampi avatud l\u00e4htekoodiga rikas tekstiredaktor. Kuna seda redaktorit kasutatakse Basecampis, kasutavad seda juba miljonid kasutajad. Kirjutasin Trixi redigeerija kohta eraldi artikli, seega vaadake palun seda artiklit,<\/a> mis selgitab, kuidas Trixi redigeerijat oma veebisaitidel kasutada.<\/p>\n
Loodan, et saite p\u00f5hiteadmised populaarsetest tasuta rikas tekstiredaktoritest. Palun jagage oma m\u00f5tteid ja ettepanekuid allpool olevas kommentaaride jaotises.<\/p>\n
seotud artiklid<\/h4>\n