![]() ![]() ![]() |
![]() |
Fließtext
Das Text-Element ist für längere Textpassagen gedacht - zB. Produktbeschreibungen oder auch ganze Webseiten. Wenn Sie also eine längere Textstelle einer Webseite bearbeitbar machen wollen, können Sie dieses WebYep-Element verwenden. Die Formatierungsmöglichkeiten des Text-Elementes sind limitiert (siehe auch weiter unten) – desshalb ist es besonders gut geeignet, wenn Sie als WebDesignerIn möglichst viel Kontrolle über das Aussehen der Texte behalten wollen. Wenn Sie mehr Kontrolle über das Aussehen der Texte an die RedakteurInnen abgeben möchten, ist das HTML-Text-Element besser geeignet. Dieses WebYep Element wird durch folgenden PHP Code repräsentiert: <?php webyep_longText("Feldname", false, "", false); ?> Details... Parameter der PHP Funktion webyep_longText():
(siehe auch "Eigenschaften des Text-Elementes" weiter unten)
Das Besondere am Text-Element ist, dass der von den BenutzerInnen eingegebene Text von WebYep untersucht und interpretiert wird. Bestimmte Zeichenfolgen haben eine bestimmte Formatierung des Textes zur Folge:
Die Formatierungsnotation " Platzierung des Text-ElementesBeachten Sie bitte, dass das Text-Element außer Text auch diversen HTML-Code generiert (wie horizontale Linien oder Listen – siehe nächster Absatz). Daher ist es wichtig innerhalb welches HTML-Tags sie das Text-Element platzieren! Am sichersten ist es, wenn Sie es in einen <DIV>-Tag platzieren. Problematisch kann hingegen zB. das Setzen in einen <P>-Tag (Absatz) werden, da Listen (<UL>) oder Linien (<HR>) in einem Absatz laut HTML-Spezifikation nicht erlaubt sind. Um zu ermitteln, innerhalb welchen Tags sich ein WebYep Text-Element befindet, selektieren Sie es im Dreamweaver und betrachten Sie dann den Tag-Selektor (am linken unteren Fensterrand): Die Reihe von dort gelisteten Tags gibt an, in welche Tags das Element eingebettet ist. Lautet der letzte in der Reihe <p>, so sollten Sie diesen mit der rechten Maustaste anklicken, "Tag bearbeiten" wählen und aus dem <p> ein <div> machen. ListenformatierungListen (Bullet Lists) werden von WebYep durch die HTML-Tags <ul> und <li> realisiert. Somit kann durch Erstellen entsprechender CSS-Stile das Aussehen dieser Listen wie gewohnt beeinflusst werden. So können Sie zum Beispiel durch den Stil: ul { list-style-position: outside; list-style-image: url(bullet.gif); } eine Grafik (bullet.gif) als Symbol für die Listenpunkte definieren. Sie können einen derartigen Stil im Dreamweaver einfach erzeugen - legen Sie einen neuen Stil an: Selektor-Typ: Tag und vergeben Sie in der Kategorie "Liste" die gewünschten Eigenschaften (Listenpunkt-Bild, Position, etc.) Wenn Sie mit dem Stil nicht alle Listen in der Seite sondern nur die im Text-Element beeinflussen möchten, stellen Sie dass Text-Element einfach in einen <div>-Tag, geben diesem eine CSS-Klasse (class="klassenname") und ändern den Namen des obigen Stils von "ul" in ".klassenname ul". Um nur Listenpunkte einer bestimmten Ebene (Einrückung) zu beeinflussen, muss bei der Stildefinition nur der Tag-Name (das "ul") entsprechend oft wiederholt werden: .klassenname ul ul { .....; } beeinflusst beispielsweise nur Punkte der zweiten Ebene und tiefer, nicht aber die Haupt-Punkte. Um die mittels "+" erzeugten Aufzählungslisten zu beeinflussen, gilt obiges entsprechend für den <ol>-Tag statt den <ul>-Tag. TabellenformatierungUm das Aussehen von in den Text eingebetteten Tabellen festzulegen, können ebenfalls entsprechende CSS-Stile erzeugt werden - zB.: table {margin: 0px;} Wenn Sie mit den Stilen nicht alle Tabellen in der Seite sondern nur die im Text-Element beeinflussen möchten, stellen Sie dass Text-Element einfach in einen <div>-Tag, geben diesem eine CSS-Klasse (class="klassenname") und ändern die Namen der obigen Stile von "table" in ".klassenname table" bzw. von "td" in ".klassenname td".
Eigenschaften des Text-Elementes
FeldnameEine Bezeichnung für das Text-Element. Der Feldname wird in der Webseite im "Bearbeiten"-Modus angezeigt, damit die BenutzerInnen bei der Eingabe die verschiedenen Text-Elemente unterscheiden können. InhalteIst hier "für diese Seite" eingestellt, so ist dieses Text-Element von den Text-Elementen anderer Seiten unabhängig, auch wenn diese den gleichen Feldnamen aufweisen. Wenn Sie möchten, dass die Text-Elemente mit diesem Feldnamen auf allen Seiten den gleichen Inhalt aufweisen, ist dieses Popupmenü auf "für alle Seiten" zu setzen. E-Mail-Links kodierenE-Mail-Adressen, die von den BenutzerInnen in ein WebYep-Text-Element eingegeben werden, zeigt WebYep als E-Mail-Links in der Seite an. Dies könnte (zB. von SPAM-Spidern) dazu missbraucht werden, diese E-Mail-Adressen zum Zwecke des Versendens von SPAMs zu sammeln. Um das zu verhindern, können Sie diese Option auf "Ja" stellen - damit werden die eingegebenen E-Mail-Adressen weiter als Links dargestellt, aber mittels JavaScript verschlüsselt, sodass sie kaum mehr missbraucht werden können. Da diese Verschlüsselung aber auf JavaScript basiert, können die E-Mail-Adressen bei den wenigen BesucherInnen der Website, die JavaScript deaktiviert haben, nur in der Form: name(_AT_)adresse.com angezeigt werden.
![]() |