{"id":25030,"date":"2021-05-23T11:19:00","date_gmt":"2021-05-23T08:19:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25030"},"modified":"2021-10-17T18:54:55","modified_gmt":"2021-10-17T15:54:55","slug":"tinymce-redigeerija-installimine-ja-kasutamine-laravelis","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/tinymce-redigeerija-installimine-ja-kasutamine-laravelis\/","title":{"rendered":"TinyMCE redigeerija installimine ja kasutamine Laravelis"},"content":{"rendered":"

Varem olen avaldanud artikli Kuidas kasutada CKEditorit Laravelis<\/a>. Sellele artiklile viidates palusid paljud lugejad kirjutada postituse selle kohta, kuidas kasutada TinyMCE redaktorit Laravelis<\/strong>. TinyMCE on ka \u00fcks populaarsemaid WYSIWYG HTML-i redigeerijaid nagu CKEditor. Selles artiklis uurime, kuidas installida ja kasutada TinyMCE-redaktorit Laraveli rakenduses.<\/p>\n

Veebit\u00f6\u00f6 ajal peame m\u00f5nikord andmebaasi salvestama pikki sisu, pilte ja rikkalikke juppe. See sisu v\u00f5ib olla elulugu, toote kokkuv\u00f5te, lehe sisu jne. K\u00f5ik need vormingud n\u00f5uavad erinevate HTML-siltide kasutamist. HTML-i tekstim\u00e4rgend ei ole HTML-elemente sisaldava sisu kirjutamisel kasutajas\u00f5bralik. Siin peaksite kasutama veebi tekstiredaktoreid<\/a>.<\/p>\n

TinyMCE ja CKEditor on populaarsed toimetajad. Teil on valida \u00fcks neist. M\u00f5lemad WYSIWYG-redaktorid (mida n\u00e4ete, on need, mida saate) on kerged ja t\u00f6\u00f6tavad veebirakenduste jaoks ideaalselt.<\/p>\n

TinyMCE redaktorit on piiratud t\u00f6\u00f6riistadega tasuta kasutada. Kui keegi soovib kasutada oma esmaklassilisi pistikprogramme, siis kontrollige palun tema hinnalehte<\/a>.<\/p>\n

Installige ja kasutage Linyeli redaktorit TinyMCE<\/h2>\n

TinyMCE redaktori integreerimiseks Laraveli kasutan TinyMCE jaoks paketti npm<\/a>. Laravel pakub sisseehitatud tuge npm-le. K\u00f5ik, mida peate veenduma, et Node.js<\/a> on teie s\u00fcsteemi installitud. Avage terminal oma projekti juurkataloogis ja k\u00e4ivitage k\u00e4sk, et k\u00f5igepealt installida s\u00f5ltuvused npm-st.<\/p>\n

npm install<\/code><\/pre>\n
P\u00e4rast seda installige TinyMCE, kasutades k\u00e4sku npm:<\/p>\n
npm i tinymce<\/code><\/pre>\n
Kui olete l\u00f5petanud, liigute kataloogi node_modules \/ tinymce ja n\u00e4ete m\u00f5nda faili ja kausta. Peame m\u00f5ned neist kopeerima ja paigutama kataloogi \u201eavalik". Selleks avage webpack.mix.js<\/code>fail ja lisage sellesse allolev kood.<\/p>\n
veebipakk.mix.js<\/strong><\/p>\n
....\n....\nmix.copyDirectory('node_modules\/tinymce\/icons', 'public\/node_modules\/tinymce\/icons');\nmix.copyDirectory('node_modules\/tinymce\/plugins', 'public\/node_modules\/tinymce\/plugins');\nmix.copyDirectory('node_modules\/tinymce\/skins', 'public\/node_modules\/tinymce\/skins');\nmix.copyDirectory('node_modules\/tinymce\/themes', 'public\/node_modules\/tinymce\/themes');\nmix.copy('node_modules\/tinymce\/jquery.tinymce.js', 'public\/node_modules\/tinymce\/jquery.tinymce.js');\nmix.copy('node_modules\/tinymce\/jquery.tinymce.min.js', 'public\/node_modules\/tinymce\/jquery.tinymce.min.js');\nmix.copy('node_modules\/tinymce\/tinymce.js', 'public\/node_modules\/tinymce\/tinymce.js');\nmix.copy('node_modules\/tinymce\/tinymce.min.js', 'public\/node_modules\/tinymce\/tinymce.min.js');<\/code><\/pre>\n
\u00dclaltoodud koodis kasutame Laraveli funktsiooni Varade kompileerimine (segu)<\/a>.<\/p>\n
J\u00e4rgmisena k\u00e4ivitage k\u00e4sk, mis kopeerib failid ja kaustad kaustast \u201enode_modules \/ tinymce” kataloogi \u201epublic”.<\/p>\n
npm run dev<\/code><\/pre>\n
N\u00fc\u00fcd oleme valmis failis TinyMCE redaktorit kasutama. Kaasake tinymce.js<\/code>fail ja helistage redaktorile j\u00e4rgmiselt.<\/p>\n
<textarea class=\"description\" name=\"description\"><\/textarea>\n<script src=\"{{ asset('node_modules\/tinymce\/tinymce.js') }}\"><\/script>\n<script>\n\u00a0\u00a0\u00a0\u00a0tinymce.init({\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0selector:'textarea.description',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0width: 900,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0height: 300\n\u00a0\u00a0\u00a0\u00a0});\n<\/script><\/code><\/pre>\n
N\u00fc\u00fcd peaksite oma lehel n\u00e4gema redaktorit TinyMCE, nagu ka allolevat ekraanipilti.<\/p>\n
Installige TinyMCE CDN-i abil<\/h2>\n
Siiani oleme n\u00e4inud, kuidas TinyMCE redaktorit installida npm abil, mis on soovitatav viis. Teine v\u00f5imalus TinyMCE kasutamiseks on CDN. CDN-i kasutades ei pea te raamatukogu faile oma serveris hoidma. See sisaldab otseselt hostitud serveri n\u00f5utavaid faile.<\/p>\n
Kasutaja saab TinyMCE-d kasutada CDN-i kaudu j\u00e4rgmiselt.<\/p>\n
<textarea class=\"description\" name=\"description\"><\/textarea>\n<script src=\"https:\/\/cloud.tinymce.com\/stable\/tinymce.min.js\"><\/script>\n<script>\n\u00a0\u00a0\u00a0\u00a0tinymce.init({\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0selector:'textarea.description',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0width: 900,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0height: 300\n\u00a0\u00a0\u00a0\u00a0});\n<\/script><\/code><\/pre>\n
See selleks! Loodan, et saate aru, kuidas TinyMCE redaktorit Laravelis installida ja kasutada. Tahaksin kuulda teie m\u00f5tteid ja ettepanekuid allpool olevas kommentaaride jaotises.<\/p>\n
seotud artiklid<\/h3>\n