Mula sa may-akda: Pagbati, mahal na kaibigan. Upang lumikha ng mga materyal sa site, kailangan ng administrator na magdagdag ng teksto sa isang espesyal na lugar ng teksto. Kasabay nito, ang pag-format nito ay direktang isinasagawa sa lugar ng teksto, gamit ang isang visual na editor, kung saan, siyempre, nakasalalay ang pagiging produktibo at kadalian ng paggamit. Samakatuwid, sa artikulong ito nais kong isaalang-alang ang isang maginhawa at functional na editor - JCE editor para sa Joomla 3.

Kaya, para sa mga hindi nakakaalam tungkol sa Joomla, ang visual editor ay isang espesyal na aklatan, o mas mabuti pa, isang extension, salamat sa kung aling impormasyong na-edit sa lugar ng teksto ang magiging eksaktong kapareho ng hitsura nito sa pahina sa editor. Sa kasong ito, ang pag-format ay hindi isinasagawa nang manu-mano Mga HTML tag, at gamit ang mga kontrol ng editor. Nangangahulugan ito na ganap na sinuman ang maaaring mag-format ng teksto, nang walang anumang espesyal na kaalaman.

Tulad ng alam mo, ang sistema ng pamamahala ng nilalaman ng Joomla, kung sabihin, sa labas ng kahon, ay may kasamang dalawang built-in na visual editor - CodeMirror at TinyMCE. Ang pinakamahusay, siyempre, ay ang pangalawa, ngunit gayon pa man, sa mga tuntunin ng kadalian ng paggamit, pati na rin ang kakayahang umangkop ng mga setting, ito ay hindi napakahusay. Samakatuwid, inirerekumenda ko na para sa isang site kung saan ang malalaking materyales na may kumplikadong pag-format ay inaasahan na madalas na idagdag, gumamit ng isang mas maginhawa at functional na editor.

Kasalukuyang nilikha malaking bilang iba't ibang visual na editor para sa Joomla 3. Mabe-verify namin ito sa pamamagitan ng pagpunta sa seksyong "Mga Editor" ng opisyal na website ng mga extension ng Joomla.

Ang bawat isa sa mga magagamit na extension ay may ilang mga pakinabang at disadvantages, ngunit gayunpaman, tulad ng ipinakita ng kasanayan, ang JCE editor para sa Joomla 3 ay ang pinaka maginhawa at gumagana. Kaya i-click natin ang pamagat editor na ito at pumunta sa pahina ng paglalarawan nito.

Pagkatapos i-download ang extension ng editor sa anyo ng isang .zip archive, i-install ito sa karaniwang paraan gamit ang extension manager.

Ngunit, huwag magmadali upang magsimulang magtrabaho kasama ang bagong editor para sa Joomla 3, dahil para sa mas komportableng trabaho kailangan mong i-download ang localization package. Upang gawin ito, bumalik sa website ng mga developer at gamit ang pangunahing menu, pumunta sa pahina ng "Mga Wika" (Main Menu->Mga Download->Mga Wika).

Mga modernong uso at diskarte sa pagbuo ng web

Alamin ang algorithm para sa mabilis na paglago mula sa simula sa pagbuo ng website

Ang pagkakaroon ng napiling wika ng interes, mag-click sa pindutan ng "Lumikha ng Package" upang lumikha ng isang archive, at pagkatapos, gamit ang pindutang "I-download", i-download ang localization package na handa na para sa pag-install. Gayunpaman, hindi ma-install ang package na ito gamit ang extension manager, dahil isa itong localization ng editor component at ang pag-install nito ay dapat gawin mula sa JCE control panel.

Ngayon, kailangan mong pumunta sa mga pandaigdigang setting CMS Joomla(Pangunahing menu->System-> Pangkalahatang mga setting) at sa tab na “Site,” sa drop-down na listahan ng “Default Editor,” piliin ang bagong naka-install na editor para sa Joomla 3.

Pagkatapos i-save ang mga setting, pumunta tayo sa tagapamahala ng materyal at sa pahina para sa pagdaragdag ng bagong materyal, suriin ang pag-andar ng bagong visual editor.

Ang visual editor na JCE Editor, bilang karagdagan sa functionality nito, ay mabuti para sa flexibility nito sa mga tuntunin ng mga setting. Upang ma-access ang mga setting, kailangan mong pumunta sa editor control panel gamit ang menu ng mga bahagi (Components->JCE Editor).

Upang mag-install ng package ng localization, pumunta sa seksyong "I-install ang Mga Add-on", piliin ang file na may archive at mag-click sa button na "I-install ang Package" upang mai-install. Pagkatapos i-refresh ang pahina sa browser, ilalapat ang naka-install na lokalisasyon.

Ang seksyong "Mga pangkalahatang setting ng editor" ay naglalaman ng mga pangunahing setting ng editor.

Tulad ng nakikita mo, medyo maraming mga setting, ngunit hindi ako magkomento sa kanila ngayon, dahil para sa bawat isa sa kanila magandang paglalarawan sa Russian.

Sa seksyong "Mga Profile ng Editor" maaari kang gumawa o mag-edit ng profile sa trabaho ng editor. Ang profile ay isang setting ng editor para sa isang partikular na grupo ng mga user. Tulad ng alam mo, ang bawat pangkat ng gumagamit sa Joomla ay may sariling mga partikular na pribilehiyo at kapangyarihan. Alinsunod dito, kung para sa ilang mga grupo kinakailangan na limitahan ang pag-andar ng editor, iyon ay, upang limitahan ang bilang ng mga magagamit na kontrol, kung gayon kinakailangan na lumikha bagong profile, o i-edit ang isa sa mga karaniwan. Muli, ngayon hindi ako nagbibigay ng isang paglalarawan ng mga setting ng profile, dahil marami sa kanila, at hindi ito kinakailangan - ang interface ng pahina ng mga setting ay madaling maunawaan at, bukod dito, ang bawat parameter ay sinamahan ng detalyadong paglalarawan.

Kaya, tulad ng nakikita mo, ang editor ng JCE ay talagang mas maginhawa kaysa sa mga tool na kasama ng karaniwang pag-andar. Ang pakikipagtulungan sa editor na ito ay tinalakay nang mas detalyado sa kurso.

Ito ang nagtatapos sa araling ito. All the best sa iyo and happy coding!!!

Mga modernong uso at diskarte sa pagbuo ng web

Alamin ang algorithm para sa mabilis na paglago mula sa simula sa pagbuo ng website

Tingnan natin muli ang pinakamataas na kalidad at pinaka-advanced na visual material editor para sa Joomla 2.5/3.x. Ang isang malawak na functional na tool ay maaaring makabuluhang mapadali at mapabilis ang proseso ng paglikha ng mga materyales para sa mga pahina ng iyong website. Kapansin-pansing mas mayaman kaysa sa pamantayan TinyMCE.

JCE text editor ( Editor ng Nilalaman ng Joomla) ay isang buong pakete ng mga extension. Sa website ng mga developer ng JCE maaari mo itong i-download mismo Bahagi ng JCE-Editor, mga plugin sa kanya at Russifier. Ang mga developer ay naglabas lamang ng isa nang libre plugin - MediaBox.

Pag-install editor ng JCE at ang JCE MediaBox plugin ay nangyayari sa karaniwang paraan: Mga Extension -> Tagapamahala ng Extension. Ang Russifier at iba pang mga plugin ay naka-install sa pamamagitan ng built-in JCE editor installer - Mag-install ng mga Add-on.

Pagkatapos ng pag-install, dapat mong paganahin ang JCE editor bilang default. Website -> Pangkalahatang mga setting. Sa column "Default na editor" exhibit namin "Editor - JCE".

Kapag kinokopya at i-paste ang teksto mula sa Microsoft Word o mula sa Internet, kinokopya ng editor ang teksto kasama ng mga istilo at disenyo. Hindi inaalis ng editor ng JCE ang "basura" na ito, at pagkatapos ay lalabas ito sa iyong site. Karaniwan ang teksto ay unang kinokopya sa notepad, at mula dito sa Joomla.

Gayunpaman, maaaring i-configure ang ilang bagay editor ng JCE upang ma-optimize ang mga manipulasyong ito. Sa component control panel sa tab "Mga Profile ng Editor" buksan ang template Default.

Sa bookmark Mga pagpipilian sa plugin pumili Clipboard at itakda:

• Nililinis ang Microsoft Word - "Lagi naman"
• Mga katangian ng klase - "Oo"
• Tanggalin ang lahat ng SPANS - "Oo"
• Tanggalin ang lahat ng estilo - "Oo"

Ngayon, i-paste ang materyal mula sa Microsoft Word sa JCE editor window gamit ang parehong mga keyboard shortcut Ctrl-C At Ctrl-V o gamit ang pindutan Idikit sa editor toolbar ay isasagawa nang walang hindi kinakailangang basura.

Ang isa pang paraan, nang hindi lumalalim sa mga setting ng editor ng JCE, ay ang pagpasok ng teksto sa isang karagdagang dialog box na tinatawag sa pamamagitan ng pag-click sa icon. I-paste bilang Plain text. Ang pamamaraang ito ay naglalagay ng teksto nang mas malinis.

Upang lumikha ng nilalaman sa isang site na pinamamahalaan ng Joomla, kailangan ng administrator na magdagdag ng teksto sa isang espesyal na lugar; Ang pag-format ng teksto sa lugar na ito ay isinasagawa gamit ang isang visual na editor, kung saan direktang nakasalalay ang mga kakayahan sa pag-format at kadalian ng pagsasagawa ng trabaho.

Ang editor ng TinyMCE ay binuo sa Joomla bilang pamantayan, ngunit posible ring mag-install ng isa pang visual na editor.

Ang editor ng JCE (Joomla Content Editor) ay nararapat na ituring na isa sa pinakamahusay, na hindi lamang isang editor, ngunit isang malaking hanay ng mga extension para sa pagtatrabaho sa halos anumang uri ng materyal (salamat sa malaking set mga tool na matatagpuan sa workspace ng editor).

Siyempre, ang pag-format ng teksto sa editor na ito ay hindi ginagawa sa pamamagitan ng pagpasok ng mga espesyal na tag; Gumagana ang editor sa prinsipyo ng "what you see is what you get." Gumagana ang TinyMCE sa parehong prinsipyo, ngunit higit na mataas ang JCE sa functionality. Kaya, ang editor ay may higit sa 50 mga function na maaaring maging kapaki-pakinabang sa administrator kapag lumilikha ng materyal; gayunpaman, hindi niya kailangang malaman ang lahat HTML na wika, hindi banggitin ang mga programming language.

Mga pangunahing tampok ng editor ng JCE:

• pag-format ng text gamit ang pamilyar na mga tool at button na makikita sa karamihan ng mga visual editor;
• pagdaragdag at kasunod na pagbabago ng mga talahanayan;
• pagdaragdag ng mga link sa anumang elemento ng Joomla;
• posibleng magtalaga ng istilo sa anumang elemento (dapat munang tukuyin ang istilo mismo sa template.css file);
• pagdaragdag at pag-alis ng iba't ibang mga button/tool ​​mula sa control panel;
• paglikha ng mga profile (halimbawa, partikular para sa administrator o mga rehistradong user);
• posibilidad ng lokalisasyon at pag-install ng mga karagdagang plugin;
• mahusay na cross-browser compatibility.

Sa opisyal na mapagkukunan ng developer maaari mong makuha ang mismong bahagi ng JCE, isang localization code para dito at mga plugin. Gayunpaman, tandaan namin na mayroon lamang isang libreng plugin na magagamit doon na tinatawag na MediaBox (ang mga plugin mismo ay idinisenyo upang palawakin ang pag-andar ng editor). Upang i-download ang editor mismo, pumunta sa URL: https://www.joomlacontenteditor.net/downloads/editor/joomla-3
https://www.youtube.com/watch?v=h6Og8o3cuUA
Pagkatapos i-download ang extension, maaari mo itong i-install sa default na paraan. Sa parehong yugtong ito, sulit na mag-install ng cracker para sa iyong sarili. Upang gawin ito, sundan ang link na https://www.joomlacontenteditor.net/downloads/languages, piliin ang wikang kailangan mo at i-click ang pindutang "Gumawa ng Package" upang lumikha ng isang archive, at pagkatapos ay i-click ang pindutang "I-download". Pakitandaan na hindi posibleng i-install ang localization file sa karaniwang paraan: ang pag-install ay direktang isinasagawa mula sa JCE editor panel.
Upang i-install ang Russification, pumunta sa seksyong "I-install ang Mga Add-On", piliin ang na-download na lokalisasyon at mag-click sa pindutang "I-install ang Package". Kaagad pagkatapos i-reload ang pahina, ang editor ay nasa Russian. Pumunta ngayon sa "Mga Setting ng Pandaigdig" ng Joomla at sa tab na "Site" sa drop-down na menu, pumunta sa "Default Editor", at pagkatapos ay hanapin ang editor ng JCE. Upang ma-access ang mga setting ng editor, kailangan mong sundin ang landas na "Mga Component" - "JCE Editor".

Sa seksyong "Mga Profile ng Editor," maaari kang lumikha ng bago o mag-edit ng kasalukuyang profile sa trabaho. Kung nakipagtulungan ka sa Joomla, naiintindihan mong lubos na ang bawat pangkat ng mga user ay may sariling mga pribilehiyo at kapangyarihan; Para sa ilang grupo ng gumagamit, ang mga kakayahan ng editor ay maaaring bawasan o, kabaligtaran, palawakin. Hindi na kailangang ilarawan ang lahat ng mga setting para sa profile, dahil marami sa kanila, at pagkatapos i-install ang lokalisasyon, ang lahat ay magiging intuitive.

Maraming tao ang nag-paste ng teksto mula sa Microsoft Word, ngunit pagkatapos itong i-paste sa editor, ang teksto ay maaaring "mag-twist" sa sarili nitong paraan. Upang maiwasang mangyari ito, itakda ang mga sumusunod na parameter:

• Microsoft Word Cleanup – Laging;
• Mga katangian ng klase - Oo;
• Tanggalin ang lahat ng Span – Oo;
• Alisin ang lahat ng istilo - Oo.

https://www.youtube.com/watch?v=r3bUL0mjht4
Ngayon, pagkatapos makopya ang teksto mula sa Word gamit ang I-paste o Ctrl-V na buton, ang teksto ay ipapasok nang walang hindi kinakailangang basura. Iyon lang, subukan ngayon na lumikha ng isang bagong materyal gamit ang JCE, at agad mong mauunawaan na ang editor na ito ay may higit na paggana kaysa sa karaniwan.

Sa araling ito titingnan natin ang pinakamataas na kalidad at pinaka-advanced na visual editor para sa paglikha ng materyal para sa Joomla 2.5/3.x. Magsimula tayo sa pag-install ng editor at tapusin sa pagtatakda ng mga kinakailangang setting nito para sa trabaho.
Ang editor ng JCE, hindi katulad ng karaniwang TinyMCE, ay may hiwalay na bahagi, na ginagawang mas gumagana at napapasadya. Ang text editor na JCE (Joomla Content Editor) ay isang buong pakete ng mga extension para sa pagtatrabaho sa halos anumang materyal. Ang malawak na pag-andar ng mga tool na matatagpuan sa gumaganang panel ng editor ay maaaring makabuluhang mapadali at mapabilis ang proseso ng paglikha ng mga materyales para sa mga pahina ng iyong site.

Sa website ng mga developer ng JCE maaari mong i-download ang mismong bahagi ng JCE-Editor, mga plugin para dito at isang crack. Ang mga developer ay mayroon lamang isang plugin na magagamit nang libre - MediaBox. Isusulat ko ang tungkol sa layunin ng mga plugin sa isang karagdagang artikulo. Ang mga bayad na plugin ay makabuluhang nagpapalawak sa paggana ng JCE editor. Sa dulo ng artikulo ay magbibigay ako ng isang link upang mag-download ng mga plugin mula sa aking extension library (nang walang malisyosong mga script at kaliwang kamay na mga link ay gumagana para sa akin sa Joomla 2.5 at Joomla 3.x).
Kaya pumunta sa website https://www.joomlacontenteditor.net/downloads/editor/joomla-3 at i-download pinakabagong bersyon editor.

Pagkatapos ay i-download ang pinakabagong bersyon ng JCE MediaBox para sa Joomla!3 plugin.

At sa wakas, i-download ang Russification package para sa editor.

Pag-install at pagsasaayos ng JCE visual editor para sa Joomla 2.5/3.x.
Ang pag-install ng JCE editor at ang JCE MediaBox plugin ay nangyayari sa karaniwang paraan: Mga extension >>> Tagapamahala ng Extension. Ang Russifier at iba pang mga plugin ay naka-install sa pamamagitan ng built-in na installer ng JCE editor - Mag-install ng mga Add-on. Pagkatapos ng pag-install, pumunta sa Mga bahagi >>> Pangangasiwa ng JCE

Pumunta sa tab "Mag-install ng mga Add-on". I-click Mag-browse- piliin ang Russian localization archive para sa JCE Editor at i-install I-install ang Package.

Ito ay eksakto kung paano namin i-install ang mga kinakailangang plugin.

Pumunta sa tab na "Mga Setting ng Pangkalahatang Editor." Dito namin iniiwan ang lahat bilang default.

Dito pipiliin namin ang "Mga Setting"

Sa prinsipyo, dito maaari mong iwanan ang lahat bilang default.
Tab "Mga Tampok at Layout" – dito maaari mong i-edit ang mga pindutan na kailangan mo sa pamamagitan lamang ng pag-drag mula sa "Kasalukuyang Layout ng Editor" V "Mga Magagamit na Button" at vice versa din. Tingnan ang larawan sa ibaba.

Tab "Mga Opsyon sa Editor" > "I-clear at Output" – iwanan ito bilang default.

Tab Mga Opsyon sa Editor > Typography – dito rin, lahat ay nababagay sa atin.

Tab "Mga Opsyon sa Editor" > "File System" - umalis nang hindi nagbabago.

Tab "Mga Opsyon sa Editor" > "Advanced" - pagbabago "hindi" sa "Oo" Payagan ang Javascript, Payagan ang CSS, Payagan ang PHP, XHTML Inline Scripts.

Ngayon ay lumipat tayo sa mga setting ng plugin. Tab "Mga Pagpipilian sa Plugin" . Minarkahan namin ang lahat ng elemento pag-format.

Maaari kang dumaan sa lahat ng mga posisyon: Format, Artikulo Break, File Browser atbp. Hiwalay, nais kong manatili sa "Clipboard" .

Kapag kinokopya at i-paste ang teksto mula sa Microsoft Word sa JCE editor window gamit ang mga kilalang keyboard shortcut Ctrl-C At Ctrl-V maraming hindi kinakailangang impormasyon na nakapaloob sa mga istilo at tag ang kinokopya Microsoft Word . Makikita ang mga ito sa pamamagitan ng paglipat mula sa visual view ng JCE editor patungo sa HTML view gamit ang button "Toggle Editor" . Ang katotohanan ay hindi tinatanggal ng editor ng JCE ang basurang ito, na humahantong naman sa pagtaas ng dami ng page code at, bilang kinahinatnan, sa pagtaas ng oras ng paglo-load nito. Samakatuwid, bago i-paste ang isang artikulo sa window ng editor ng JCE, kailangan munang kopyahin ang materyal sa Notepad, at mula dito sa window ng editor ng JCE.

Gayunpaman, maaari mong i-customize ang JCE editor upang i-optimize at paikliin ang code nang hindi naaapektuhan ang hitsura ng pahina pagkatapos magpasok ng materyal nang direkta mula sa Microsoft Word. Itakda ang mga parameter tulad ng ipinahiwatig sa ibaba.
Nililinis ang Microsoft Word -piliin "Lagi naman" .
Mga katangian ng klase - "Oo".
Tanggalin ang lahat ng SPANS - "Oo".
Tanggalin ang lahat ng estilo - "Oo".
Ngayon naglalagay ng materyal mula sa Microsoft Word sa JCE editor window gamit ang parehong mga keyboard shortcut Ctrl-C At Ctrl-V o ang paggamit ng pindutang "I-paste" sa toolbar ng editor ay gagawin nang walang hindi kinakailangang basura.
Pagkatapos ng pag-install, dapat mong paganahin ang JCE editor bilang default. Upang gawin ito pumunta kami sa Website > Pangkalahatang setting > Website . Sa column "Default na editor" exhibit namin "Editor - JCE" . Susunod na pag-click "I-save at isara."

SA "tagapamahala ng materyal" - "lumikha ng materyal" nakikita natin ang JCE editor window at ang toolbar nito.

P.S. Kung, kapag sinubukan mong magpasok ng isang imahe sa isang artikulo, ang "mga nakakabaliw na bagay" ay biglang lumitaw sa isang pop-up window, huwag magalit, kailangan mo lamang itong idagdag sa file administrator/components/com_jce/jce.php pagkatapos ng linya: tinukoy("_JEXEC") o mamatay("HINDIGAN"); isulat ang sumusunod na linya: header("Content-type: text/html; charset=utf-8");
at lahat ay nasa Russian.
Kung mayroon kang anumang mga katanungan, magsulat ng komento tungkol dito. Salamat sa iyong pansin!

Ang visual editor na JCE (Joomla Content Editor) ay isa sa mga pinaka-functional na editor para sa Joomla 3.x. Gamit ang text editor na ito, madali kang makakapagdagdag at makakapag-edit ng mga materyal sa site, makakapagbago ng kanilang istilo, nang walang kaalaman sa CSS, HTML at PHP.

Mga Pangunahing Tampok ng JCE Editor

• Ang pagkakaroon ng pangunahing pag-andar ng anumang text editor - ang presensya karaniwang mga pindutan mabilis na pag-format at paglalagay ng mga tag.
• Isang maginhawang tool para sa pagtatrabaho sa mga talahanayan.
• Maginhawang advanced na media manager.
• Posibleng ipasok mabilis na mga link sa mga file ng site, materyales o iba pang mga link.
• Kakayahang mabilis na magdagdag ng istilo sa bahagi ng teksto.
• Pagdaragdag at pag-alis ng iba't ibang mga tool mula sa panel ng editor.
• Kakayahang i-customize ang panel ng editor J.C.E..
• Kakayahang lumikha ng iba't ibang mga profile ng editor para sa iba't ibang grupo ng gumagamit.
• Napakahusay na pagpapalawak sa mga plugin.
• Cross-browser compatibility ng ginawang pagsubok.

Mga karagdagang extension para sa JCE editor

Pangunahing bentahe J.C.E. bago ang mga kakumpitensya - ang pagkakataong palawakin ang pag-andar. Sa editor J.C.E. Mayroong maraming karagdagang mga extension na nagpapadali sa pagdaragdag ng nilalaman sa iyong site.

• plugin para sa paglikha ng mga caption ng larawan
• karagdagang hanay ng mga emoticon para sa editor
• tagapamahala ng file
• file system Para sa Amazon S3
• addon para sa pag-edit source code anumang elemento ng nilalaman
• pagpasok at pag-edit ng mga frame
• advanced na tagapamahala ng imahe
• tagapamahala ng media: ipasok Flash, Quicktime, Windows Media atbp.
• mga popup addon para sa RocketTheme RokBox At WidgetKit Lightbox
• tagapamahala ng template ng editor
• komersyal na addon JCE MediaBox
• atbp.

Pamamahagi ng JCE Editor

May libre at may bayad ( Pro) na bersyon ng extension, kabilang ang mga karagdagang addon. I-download ang editor J.C.E. Para sa Joomla 3.x maaari mong mula sa website ng developer.