WYSIWYG HTML szerkesztő

WYSIWYG HTML szerkesztő

Ismerős minden Microsoft Word kiváló példája végrehajtásának fogalmának WYSIWYG. A felhasználók a program nincs szükség tudni, hogy a címkéket formázza a szöveget, mert a formázás automatikusan történik, ha megnyomja a megfelelő gombokat a vezérlőpulton.

WYSIWYG HTML szerkesztő

Mielőtt válasszon egy plug-in, azt tanácsolom, hogy nézd meg a teljesítményét legalább az első három a listán. Mellesleg CKEditor egy modernebb változata FCKeditor. azaz Valójában - ez egy és ugyanaz a termék.

Miután meghatároztuk a választás, elkezdtem kísérletezni TinyMCE beállításokat.

Nyitva a index.html oldalt a példákat mappát. látni fogjuk, egy bemutató a plugin jellemzői.

WYSIWYG HTML szerkesztő

Az én esetemben, hagytam a sor gomb:

theme_advanced_buttons1. „Code, |, justifyleft, justifycenter, justifyright, justifyfull, formatselect, fontselect, fontsizeselect, |, visszavonás, újra |, félkövér, dőlt, aláhúzott, áthúzott |, bullist, numlist, |, forecolor, backcolor, |, link , megszüntetni, kép, |, hr, removeformat, |, al, sup, |, charmap, érzelmek,”.
theme_advanced_buttons2. "Tablecontrols".

Itt van, amit a panel történjen ezekkel a beállításokkal:

Azt hiszem, ez elég az átlagos felhasználó, és hozzon létre a gazdag tartalmi oldalakon.

// Általános beállítások
témát. "Advanced".
plugins. „Autolink, listák, pagebreak, stílus, réteg, asztal, kivéve, advhr, advimage, advlink, érzelmek, ieSpell, inlinepopups, insertdatetime, előnézet, média, searchreplace, nyomtatás, szövegkörnyezet, paszta, irányítottság, teljes képernyős, noneditable, visualchars, törhető , xhtmlxtras, sablon, advlist”.

// Példa tartalom CSS (legyen webhely CSS)
content_css. "CSS / content.css".

// csepp felsorolja a kapcsolat / kép / media / template dialógusok
template_external_list_url. "Listák / template_list.js".
external_link_list_url. "Listák / link_list.js".
external_image_list_url. "Listák / image_list.js".
media_external_list_url. "Listák / media_list.js".

// Cserélje értékeket a sablon bővítmény
template_replace_values. # 123;
felhasználónév. „Néhány felhasználó”.
staffid. "991 234"
# 125;
# 125; # 41; ;
# 125; # 41; ;

  • A script_url paramétert. változtatni az elérési utat a plugin szkriptek a szerveren;

Ebben az összefüggésben a plugin befejezettnek tekinthető. Ha az útvonal látható igaz, akkor minden működni fog.

A bevitt adatokat a szövegmezőbe küldeni a szerverre, meg kell, hogy lezárja a textarea elem formájában, vagy előírni AJAX felvezető. elküldeni az adatokat, mivel készül a legújabb verzió moguta.cms.

A tartalom kimenet

Az első cikk a sorozat „írása egy internetes áruház php” a MVC mintát. Azt szerint egy szabály, hogy információt visszavonását azonos módon, hogy az egyes oldalak létrehozásához szükséges legalább két php fájlt (a vezérlő és kijelző).

Eddig már három kezdőpontja a kimeneti oldalak tartalmát a honlapon:

  1. Információkat jelenít meg az MVC paradigma munkaeszközök;
  2. Információ kiadási `page` táblát az adatbázisban.
  3. Információkat jelenít meg a mappát MG-oldal;

Mi a különbség a három módszer, és miért hoztam létre őket?

Az első módszer - alapján a rendszer, azt hiszem, nem kell magyarázni. Az oldal eredményeként a két fájl (Controller + forma).

A harmadik módszer - hasznos weboldal fejlesztők számára, és lehetővé teszi, hogy végre szerveroldali szkriptek megjelenítése előtt a kért oldalt. Oldal eredménye az azonos nevű mappa php script mg-oldalt.

oldal kimeneti módszert prioritás

Tegyük fel, hogy:

  • Controller delivery.php (./mg-core/application/controllers)
  • Statikus oldal delivery.html (adatbázis)
  • delivery.php script (./mg-page)

Ha az alábbi felhasználói kérések:

Feldolgozása a kimeneti oldal vezérlő:

Ha nincs vezérlőt a következő prioritás /mg-page/delivery.php script. kimenetre információ az oldalon.

Ha a megfelelő szkript nem található ./mg-page, a rendszer megkeresi az adatbázisban található adatokat.

Ie Fontossági sorrendet kap ez a helyzet:

  • Controller - az első
  • A script Mg-oldal - a második
  • Egy oldal az adatbázisból - a harmadik

Remélem sikerült ne tévedjen az én rendszerének bemutatása. 🙂

WYSIWYG HTML szerkesztő