A CMS-el készült weboldalak tartalommal való feltöltésekor nagy segítséget jelent egy WYSIWYG editor. Különösen akkor, ha a szöveg sok kiemelést, képet, hivatkozást tartalmaz. Több alternatívát megvizsgálva számunkra az XStandard bizonyult a legjobb választásnak.

Az XStandard előnyei

Az XStandard nem Javascript alapú, hanem beépülő plug-in-es Editor. Automatikusan települ első használatkor - kivéve Vista alatt, ehhez először le kell tölteni, majd adminisztrátori joggal telepíteni.

Az alábbiakban pontokba szedve összefoglalom az XStandard - számunkra fontos - előnyeit:

• Szabványos HTML kódot állít elő - felesleges tag-ek és paraméterek nélkül. Ez azt is jelenti viszont, hogy a nem szabványos HTML kódot nem engedi, így bizonyos tag-eket egyszerűen kidob a kódból. Így nem alkalmas olyan oldal szerkesztésére amelyben PHP kód van ill. nem kezeli a Drupal <!-- break --> tag-ját (bár a Drupal 6-tól ezt már nem szükséges használni).
• Csak előre definiált stílusokat enged használni. Ez azért nagyon hasznos, mert a felhasználó nem rondíthatja össze az oldal mindenféle egyénileg kreált stílussal, hanem csak a grafikus és a tervező által előre definiált stílusokat használhat.
• Gyors formázás. A szövegbevitelkor vagy közvetlenül azt követően alkalmazható az előre definiált stílus és azonnal a stílusnak megfelelően jelenik meg a szöveg.
• Egyszerű hiperlinket illetve képet beszúrni - még a Lite, azaz ingyenes verzióban is, ahol Drupallal feltöltjük a képet tartalom létrehozáskor az oldal újratöltése nélkül és a feltöltött kép elérési útvonala alapján beilleszthető a kép.

XStandard telepítése Drupalhoz

Drupalhoz már létezik hivatalos XStandard modul, mégis saját modult írtunk hozzá. Egyrészt azért mert amikor szükségünk volt rá még nem volt publikus modul, másrészt mert a felhasználóra akartuk bízni, hogy használja-e az XStandard-ot egy tartalom szerkesztéséhez vagy nem. Ez azt jelenti, hogy az XStandard nem a textarea helyett jelenik meg, hanem a szerkesztendő textarea felett jelenik meg egy Rich Text Editor link, amely új ablakban megnyitja az XStandard Editort az adott textarea tartalmával, majd elmentéskor visszaírja a létrehozott / módosított HTML tartalmat a textarea-ba.

Az általunk készített XStandard Drupal modulok:

XStandard module for Drupal 5

XStandard module for Drupal 6

A modul telepítése és bekapcsolása után a tartalmak szerkesztésekor minden textarea felett megjelenik a Rich Text Editor link és innentől használható az editor.

XStandard beállítása

Ahhoz, hogy az XStandard egyik fő előnyét, a szabályozott formátumú tartalombevitelt ki tudjuk használni definiálni kell a használható stílusokat. A beállítások elvégzéséhez két fájlt kell szerkeszteni.

styles.xml : az XStandard által használt stílusok definíciója XML szintaxisban. Ezen XML fájl alapján jelennek meg az Editor bal felső sarkában a legördülőben a használható stílusok.

A style tag-el lehet definiálni egy stílust. A style tag-en belül az alábbi tag-ek definiálják a stílust: id: a stílus XStandard által használt egyedi azonosítója; name: a stílus neve amely megjelenik a legördülőben; elt: milyen HTML elem kerüljön a forráskódba a stílus használatakor; attr: az elem HTML tag-jének attribútumai. Az attr tag gyermek elemeiként az alábbi tag-ekkel lehet definiálni az attribútumot: name - az attribútum neve (pl. id); value: az attribútum értéke (pl. kiemelt).

Példa styles.xml fájlra:

<styles>
	<style>
		<id>blockquote</id>
		<name xml:lang="en">Blockquote</name>

		<elt>p</elt>
		<attr>
			<name>id</name>
			<value>blockquote</value>

		</attr>
	</style>
	<style>
		<id>kiemelt_boksz</id>

		<attr>
			<name>id</name>
			<value>kiemelt_boksz</value>
		</attr>

		<name xml:lang="en">Kiemelt boksz</name>
		<elt>p</elt>

	</style>

format.css : a styles.xml-ben meghatorozott elemek CSS formázásai. Ez természetesen csak a tag-ek XStandard editorban való megjelenését határozza meg, a sminknél külön be kell állítani a CSS formázást.

Konklúzió

Az XStandard a több éves használat során szerzett tapasztalatok alapján jelentősen lerövidíti a nagy mennyiségű, formázott szöveg bevitelét, pl. http://www.nincs-szukseged-fejvadaszra.hu/7lepeses-mesterkurzus. Használatával a felhasználó a tartalom feltöltés lényegi részére, a programozó pedig a tényleg a programozói munkára tud fókuszálni.