WYSIWYG editor HTML

WYSIWYG editor HTML

Familiar la toate Microsoft Word este un excelent exemplu de punerea în aplicare a conceptului de WYSIWYG. Utilizatorii acestui program nu este nevoie să cunoască etichetele pentru a formata textul, deoarece formatarea se face automat, prin apăsarea butoanelor corespunzătoare de pe panoul de control.

WYSIWYG editor HTML

Înainte de a alege un plug-in, te sfătuiesc să se uite la performanța de cel puțin primele trei pe listă. De altfel CKeditor este o versiune mai moderna a FCKeditor. și anume de fapt - este unul și același produs.

După ce a definit alegerea, am început să experimenteze cu setările TinyMCE.

Deschiderea paginii index.html din folderul exemple. vom vedea o demonstrație a acestei caracteristici plugin.

WYSIWYG editor HTML

În cazul meu, am plecat de la setul de butoane:

theme_advanced_buttons1. „Cod, |, justifyleft, justifycenter, justifyright, justifyfull, formatselect, fontselect, fontsizeselect, |, anula, reface, |, bold, cursiv, subliniat, tăiat cu o linie, |, bullist, numlist, |, forecolor, BackColor, |, link- , deconectez, imagine, |, hr, removeformat, |, sub, sup, |, CharMap, emoțiile,“.
theme_advanced_buttons2. "Tablecontrols".

Iată ce ar trebui să se întâmple panoul cu aceste setări:

Cred că acest lucru este suficient pentru utilizatorul mediu, și de a crea pagini de conținut bogat.

// Opțiuni generale
temă. „Avansat“.
Plugin-uri. „AutoLink liste, pagebreak, stil, strat, de masă, cu excepția, advhr, advimage, advlink, emoțiile, iespell, inlinepopups, insertdatetime, previzualizare, mass-media, searchreplace, imprimare, ContextMenu, pastă, direcționalitate, pe tot ecranul, noneditable, visualchars, fără întreruperi , xhtmlxtras, șablon, advlist“.

// conținut Exemplul CSS (ar trebui să fie site-ul CSS-ul)
content_css. "Css / content.css".

// Picătură liste pentru dialoguri link / imagine / media / șablon
template_external_list_url. "Liste / template_list.js".
external_link_list_url. "Liste / link_list.js".
external_image_list_url. "Liste / image_list.js".
media_external_list_url. "Liste / media_list.js".

// Înlocuiți valorile pentru plugin-ul șablon
template_replace_values. # 123;
nume de utilizator. „Unii utilizatori“.
staffid. "991 234"
# 125;
# 125; # 41; ;
# 125; # 41; ;

  • În parametrul script_url. schimba calea către script-urile plugin pe server;

În acest sens plugin-ul poate fi considerată completă. În cazul în care calea prezentată este adevărată, atunci totul va funcționa.

Datele introduse în caseta de text trimis la server, trebuie să-și încheie elementul textarea sub formă de, sau prescrie handler AJAX. pentru a trimite datele pe măsură ce se face în cele mai recente moguta.cms versiune.

producția de conținut

Primul articol din seria „Scrierea unui magazin online pe php“ pe modelul MVC. Am pus într-o regulă, informații cu privire la retragerea același mod în care, pentru fiecare dintre paginile necesare pentru a crea cel puțin două fișiere php (controler și afișare).

Până în prezent, avem trei puncte de pornire pentru producția de conținut de pe paginile site-ului:

  1. Afișează informații despre paradigma MVC instrumentelor de lucru;
  2. Informații de ieșire `tabel page` în baza de date.
  3. Afișează informații din dosarul mg pagini;

Care este diferența dintre aceste trei metode, și de ce le-am creat?

Prima metodă - baza sistemului, cred, nu trebuie să explice. Pagina este un rezultat al celor două fișiere (Controller + formular).

A treia metodă - site util pentru dezvoltatori, și va permite să efectueze scripturi server-side înainte de a afișa pagina solicitată. Pagina este un rezultat al același nume al folderului script php-mg pagină.

pagina Metode de ieșire prioritară

Să presupunem că avem:

  • Controler delivery.php (./mg-core/application/controllers)
  • Pagina Static delivery.html (baza de date)
  • delivery.php script-ul (./mg-page)

Dacă oricare dintre următoarele cereri de utilizator:

Procesarea pagina de ieșire va Controler:

Dacă nu există nici un controler în prioritatea este următorul script /mg-page/delivery.php. informații cu privire la afișarea de pagină.

În cazul în care un script adecvat nu se găsește în ./mg-page, sistemul caută date în baza de date.

Ie Prioritizarea obține această situație:

  • Controler - primul
  • Script-ul de mg de pagini - al doilea
  • O pagină din baza de date - a treia

Sper că ați reușit să nu se piardă în prezentarea mea a sistemului. 🙂

WYSIWYG editor HTML