Home / ez@work / ez custom tag in editor erzeugen

ez custom tag in editor erzeugen

z.b. <span>-Tag zur Farbauszeichnung (mit Colorpicker)
Voraussetzung: ezoe vers. >= 5.0

1. settings/override/content.ini.append.php

 
[CustomTagSettings] <-- meist schon vorhanden (ganz oben)
AvailableCustomTags[]=span
IsInline[span]=true
 
[span]
CustomAttributes[]=color
CustomAttributesDefaults[color]=#FF0000

2. settings/override/ezoe_attributes.ini.append.php anlegen

(Man kann aber auch die existierende extension/ezoe/settings/ezoe_attributes.ini verwenden!)

 
[CustomAttribute_span_color]
Name=Color
Type=color

3. Tag-Template ablegen in:

extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags
hier: span.tpl mit folgendem Inhalt:

<span {if is_set( $color )}style="color: {$color}"{/if}>{$content}</span>

4. ini- und template-Cache löschen (alle siteaccesse !)

Beim Testen beachten: ob die custom-Tags mit ausgegeben werden hängt, davon ab, wie die Contents der xml-Blöcke ausgelesen werden (im Template nachschauen!). Bei raw-Output (output.output_text...) werden keine Tags mitgegeben!
Quelle:
http://serwatka.net/blog/custom_attributes_and_the_color_picker_in_the_online_editor_5_0

Kommentare

Attribute hinzufügen

geht mit :

[CustomAttribute_span_<name>]
Name=Name
Type=text

Custom Tags Attribute Types

Bei den Custom-Tags werden nicht nur Textfelder unterstützt. Diese Optionen werden beim Type angegeben:

int – Zahl
number – Zahl
email – eMail Feld mit Überprüfung
select – Drop Down Feld

Selection[]
Selection[left]=Left
Selection[right]=Right
Selection[center]=Center

hidden – verstecktes Feld
color – Farbauswahl
checkbox – Kontrollkasten
link – (habe ich noch nicht ausprobiert sollte aber die selbe Box wie beim Link hinzufügen sein, dabei kann man noch den Type weiter definieren)

LinkType[]
LinkType[eznode://]=Internal link
LinkType[http://]=Http
LinkType[0]=Other

Also ich bin immer wieder begeistert, wie schnell man neue Felder hinzufügen kann. Der Trick ist, man muss halt immer wissen wo :)

Tipp: Achte auch auf vorhandene Tags! Diese findet man “im Root” unter:
/design/standard/templates/content/datatype/view/ezxmltags
Natürlich kann man diese auch jederzeit erweitern.

Custom classes für tags

Individuelle Klassendefinitionen werden ebenfalls in der content.ini.append.php definiert und stehen dann im Editor zur Verfügung:

[link]
AvailableClasses[]
AvailableClasses[]=cta
AvailableClasses[]=cta2

Bitte melden Sie sich an oder registrieren Sie sich um kommentieren zu können.

 

© 2011 by lbm-services.de - All rights reserved.

Valid XHTML 1.0 Transitional