Pisanie tekstów (typu artykuł) - Tagi XML |
Większość pól tekstowych służących edycji posługuje się formatem XML. Różni się on dość znacznie od standardowego formatu HTML.
Używając pola tego typu pamiętaj zatem, że:
- każdy tag musi być zakończony.
- tagi muszą prawidłowo (stopniowo) się zagnieżdżać (nie wolno zakończyć tagu zewnętrznego wcześniej niż wewnętrznego ).
- do osadzania w tekście zdjęć itp. służy tag embed, aby go skutecznie użyć najpierw musisz powiązać z edytowanym stroną obiekty których chcesz użyć (patrz menu Powiązane obiekty).
- używając pomocniczego edytora szczególną uwagę zwróć na tag p, który ma nieco odmienne znaczenie niż normalnie w HTML. Tag p zostanie skonwertowany w XML automatycznie na dwa znaki końca linii. Korzystając z edytora używaj lepiej pojednyńczego znaku nowej linii, który uzyskasz wciskając jednocześnie klawisz SHIFT i ENTER.
- możesz osadzać w kodzie XML normalny kod zawierający zanki specjalne używając taga literal
- osadzanymi obiektami za pomoca taga embed mogą być nie tylko zdjęcia, mogą to być dowolne obiekty systemu (np. strona opisu produktu, plik, obiekt multimedialny itp.). Osadzony w ten sposób obiekt można wyświetlać w kilku różnie nazywanych trybach. Tryby są zwykle predefiniowane przez administratora systemu. Zwróc uwagę na nieco odmienny tag embed-inline. Tag embed (osadzony) przykładowo może dawać podgląd zdjęcia a tag embed-inline (linkowany tekstem) wyłącznie link do tego zdjęcia.
- odrózniaj dwa tryby pracy pola typu XML, tryb z włączonym i wyłączonym edytorem. W przypadku pracy w trybie z włączonym edytorem tagi dodaje się poprzez kliknięcie na odpowiednią ikonę w edytorze. W przypadku pracy z wyłączonym edytorem odpowiednie tagi piszemy bezpośrednio w tekście.
Następujących tagów możesz używać w swoich polach formatowanych poprzez XML (atrybuty oznaczone klamrami [ ... ] ) są opcjonalne:
- Paragrafy
<p [class="red"]>Treść paragrafu [czerwona]</p> lub <paragraph [class="green"]>Treść paragrafu [zielona]</paragraph>
- Teksty pochylone
Tekst pochylony
<em [class="brown"]>tekst pochylony [brązowy]</em> <i [class="brown"]>tekst pochylony [brązowy]</i> lub <em [class="yellow"]>tekst pochylony [żółty]</em> lub <emphasize [class="green"]>tekst pochylony [zielony]</emphasize> W przykładzie poniżej użyto klasy brown - czyli definicji koloru brązowego (można użyć: green, red, blue, brown, silver, yellow - co oznacza odpowiednio: zielony, czerwony, niebieski, brązowy, srebrny, żółty) <emphasize class="brown">Tekst pochylony brązowy</emphasize>
- Teksty pogrubione
Teksty pogrubione
<b [class="red"]>tekst pogrubiony czerwony</b> lub <bold [class="blue"]>tekst pogrubiony niebieski</bold> lub <strong [class="silver"]>tekst pogrubiony srebrny</strong> W przykładzie ponizej użyto klasy green - czyli definicji koloru zielonego (można użyć: green, red, blue, brown, silver, yellow - co oznacza odpowiednio: zielony, czerwony, niebieski, brązowy, srebrny, żółty) <strong class="green">Teksty pogrubione</strong>
- Listy
- Wiersz 1
- Wiersz 2
<ul [class="red"]>lista wypunktowana [czerwona]</ul> <ol [class="green"]>lista numerowana [zielona]</ol> <li>element listy</li> W przykładzie użyto: <ul> <li>Wiersz 1</li> <li>Wiersz 2</li> </ul>
- Nagłówki
Nagłówek rozmiar 4 kolor srebrny
<h [level="1-6" class="blue"] [anchor_name="inne_cos"]>>tekst nagłówka [niebieski]</h> lub <header [level="1-6" class="silver"] [anchor_name="inne_cos"]>>tekst nagłówka [srebrny]</header> W przykładzie użyto: <header level="4" class="silver">Nagłówek rozmiar 4, kolor srebrny</header>
- Linki
Link zewnętrzny Krokus
Demo 1 - link do obiektu widocznego na naszych stronach
Demo 2- link do wezła widocznego na naszych stronach
<a href="link url" [target="_self|_blank"] [class="blue"] [title="nazwa linku"]>tekst linku</a> lub <link href="link url" [target="_self|_blank"] [class="blue"] [title="nazwa linku"]>tekst linku</link> Uwaga! "link url" może być zewnętrzny i wewnętrzny. Link wewnętrzny musi być powiązany z numerem istniejącego w systemie obiektu url, numer ten jest wyświetlany na stronach w okienku info. W przykładzie użyto: <a target="_blank" href="http://www.krokus.com.pl">Link zewnętrzny Krokus</a> <a target="_blank" href="ezobject://5690">Demo 1 - link do obiektu widocznego na naszych stronach</a> <a target="_blank" href="eznode://5193">Demo 2- link do wezła widocznego na naszych stronach</a> można także było napisać: <link href="http://www.krokus.com.pl" target="_blank">link zewnętrzny - Krokus</link> <link href="ezobject://5690" target="_blank">Demo 1 - link do obiektu widocznego na naszych stronach</link> <link href="eznode://5193" target="_blank">Demo 2- link do węzła widocznego na naszych stronach</link>
Uwaga!
Jeśli obiekt znajduje się na naszych stronach w obrębie tej samej domeny KONIECZNIE używaj linku wewnętrznego!
Jeśli obiekt znajduje się na naszych stronach ale w innej domenie użyć należy linku zewnętrznego!
- Kotwice
<anchor name="nazwa" /> Kotwice służą do budowania linków dzieki którym można skakać po tekście na tej samej stronie. Jeśli przykładowo gdzieś w tekście wstawimy <anchor name="moja_nazwa" /> to w innym miejscu tego tekstu możemy wstawić link <a href="#moja_nazwa">do tekstu moja nazwa</a>. Zwracamy tu wszystkim uwagę na specjalny znak # użyty w linku i także na to, że każda ewentualna kotwica winna mieć inną nazwę.
- Osadzanie obiektów
<embed href="" [class=""] [view=""] [align=""] [target=""] [size=""] [id=""] /> w innej wersji <embed-inline href="" [class=""] [view=""] [align=""] [target=""] [size=""] [id=""] /> Uwaga! id musi być numerem istniejącego w systemie obiektu Zwróć uwagę na niezbędne w XML zakończenie "/>" pojedyńczego taga. Tag <embed> tym się różni od taga <embed-inline> że ten pierwszy służy zwykle do "pokazywania treści załączanego obiektu w osobnym paragrafie. Taga <embed-inline> zwykle zaś używamy np. do wywołania nazwy danego obiektu w pisanej treści, w danej linii (w tym samym paragrafie) W przykładzie użyto: <embed-inline href="ezobject://10080" view="text_linked" /> Uwaga! w tym tekście, do którego podajemy link, również dokładniej opisano zastosowanie tych tagów.
- Tabele
| Komórka 1 | Komórka 2 |
| Komórka 3 | Komórka 4 |
<table [class="silver"] [border="1-10"] [width="1-100%|rozmiar(w pix)"]>zawartość tabeli</table> Zawartość tabeli winna być tworzona za pomocą tagów: <tr>wiersz tabeli</tr> <th [class="blue"] [width="liczba/procenty"] [rowspan="liczba"] [colspan="liczba"]>nagłówek tabeli</th> <td [class="green"] [width="liczba/procenty"] [rowspan="liczba"] [colspan="liczba"]>komórka tabeli</td> W przykładzie użyto: <table> <tr> <td>Komórka 1</td><td>Komórka 2</td> </tr> <tr> <td>Komórka 3</td><td>Komórka 4</td> </tr> </table>
- Tekst nieformatowany
Tekst tego typu to właśnie tekst w takiej tabelce z opisem
<literal [class="silver"]>tekst nieformatowany (html, xml zródło, etc.)<***/literal> PS. Z podanego powyżej zapisu należy usunąć wprowadzone sztucznie przez nas ***
- Tagi własne
tekst
<custom name="nazwaWłasnegoTaga">zawartość własnego taga</custom> Uwaga! Tagi własne mogą być blokowe lub liniowe. Muszą jednak zostać wcześniej zdefiniowane przez Administartora systemu. Predefiniowano przykładowe tagi o nazwach: factbox, strike, sup, sub, hr. Odpowiadają one standardowym tagom HTML o tych nazwach. W przykładzie użyto zapisu: <custom name="strike">tekst</strike> powodującego przekreślenie (skreślenie) tekstu. Tag <custom name="hr" size="2"></custom> wygeneruję linię poziomą na całą szerokosć tekstu o grubości 2 pikseli. .


















Dyskusje i komentarze
Michał Malisz
24.01.2006 16:15