Icon Picker, markocupic/fontawesome-icon-picker-bundle, contao 4.13.54

[chocolat65]

Hallo zusammen,

gerade weiß ich nicht mehr weiter.
Habe o.g. Erweiterung installiert und die css im Head Tag eingebunden.
Im Quelltext habe ich die css Einbindung kontolliert.

<link rel="stylesheet" href="/files/fontawsome/css/all.css" />

Ich sehe nur kein Icon das ich Pobeweise eingebunden habe.
<i class="fa-solid fa-house">[nbsp]</i>
Gestyled habe ich jetzt noch nichts. Aber zumindest müsste ich doch ein Icon sehen?

Es besteht noch ein Problem und zwar im Tiny MCE wird ein <i> Tag nicht zugelassen.
Beim speichern wird ein <p> Tag vorangestellt.
Selbst ein span Tag wird gelöscht.
Ich habe ein neues Template erstellt (be_tinyMCE.html5) und wie folgt ergänzt:

<?php $this->block('valid_elements'); ?>
extended_valid_elements: 'q[cite|class|title],article,section,hgroup,figure,figcaption,i[class]',
<?php $this->endblock(); ?>

Im Contao Manager den Prod. Cache erneuert und zusätzlich im Backend in der Systemwartung die Daten bereinigt.
Ein Widget im TinyMCE sehe ich auch nicht.

Die Seite läuft offline.

Habe ich was vergesssen oder flasch gemacht?
Wer kann helfen.

VG

[derRenner]

Ich bringe <i> und <span> so unter:

<?php $this->block('custom'); ?>
    
    extended_valid_elements: 'q[cite|class|title],article,section,hgroup,figure,figcaption,span[class|style],i[class]/em,i[class],s',

<?php $this->endblock(); ?>

[chocolat65]

Habe ich so ergänzt aber funktioniert immer noch nicht.
Jetzt sieht es so aus:

<p><span><i class="fa-solid fa-house">[nbsp]</i></span></p>

[derRenner]

wo steht deine be_tinyMCE.html5?
/templates/be_tinyMCE.html5
wäre der richtige Ort

[chocolat65]

ja genau

[derRenner]

wie sieht dein ganzer Inhalt der be_tinyMCE.html5 aus?

[chocolat65]

<p><span><i class="fa-solid fa-house">[nbsp]</i></span></p>

im Code Modus eingefügt.
Das p tag steht trotzdem drin und ist nicht wegzubekommen.

Aber ich sollte doch zumindest trotzdem ein Icon sehen.

[derRenner]

<p><span><i class="fa-solid fa-house">[nbsp]</i></span></p>

Das heisst, die <i> und <span> bleiben nun erhalten?
Ja, <p> wird dir immer bleiben - ausser du änderst es z.b. auf <ul> oder <div>
Im TinyMCE brauchts einen "Wrapper" und das ist in deinem Fall der <p>-tag

Den Grund dass das Icon nicht angezeigt wird, kann man wohl so aus der Ferne nicht eruieren.
Schau mal über die Dev-tools und poste, was hier unter ::before oder ::after dazu zu finden ist

[chocolat65]

ok mach ich nachher und melde mich noch nochmal.
Danke vorerst.

[mlweb]

Die erforderliche Konfiguration hast Du durchgeführt?
https://github.com/markocupic/fontaw...-picker-bundle

[chocolat65]

ich habe nur die css eingebunden und ein Icon ausgewählt und mal probeweise in den Texteditor eingefügt.
Alles andere befindet sich im Ordner files - also auch die Icons.

Mehr habe ich nicht gemacht.

[mlweb]

Du wirst die beschriebene Konfiguration schon durchführen müssen, denn erst damit bekommst Du auch die Styles konfiguriert.
Ob die Erweiterung überhaupt geeignet ist lokale Icons zu verwenden entzieht sich meiner Kenntnis.
Ich habe diese Erweiterung mal ad Acta gelegt weil ich wegen der Konfiguration der Meinung war, dass hier mit der Webvariante der Icons gearbeitet wird.

Ich habe mir für Picken die Icons dann entsprechend in den Rocksolid-Icon-Picker gepackt https://extensions.contao.org/?p=mad...ker&_locale=en
Brauchte bei der 6er-Version der Icons ein wenig Handarbeit, damit die Icons angezeigt werden aber geht.

Eine Alternative, die ich auch im Einsatz habe - kein Picker, aber im Handling mit Inserttags trotzdem ok https://extensions.contao.org/?q=fon...serttag-bundle

[chocolat65]

Soweit ich das verstanden habe ist alles bereit mit der Installation erledigt
Hinweis: Configuration is done in config/config.yaml

Wenn man sich die kostenlosen Icon's direkt bei fontawsome herunterladet und im Ordner speichert, ist beschrieben, dass man nur die css.all einbinden muss
und dann eben ein Icon auswählt und per i tag einbindet.
@mlweb. Sollte ich vielleicht auch adActa legen.

Rocksolid Iconpicker habe ich auch schon ausprobiert und funktioniert auch nicht.
Allerdings habe ich mir nur diese Erweiterung installiert nicht die Erweiterung Custom Elements.
Laut Beschreibung ist dies aber nicht notwendig.
Kein Widget im TinyMCE sichtbar!
Sollte eigentlich funktionieren, ohne dass man noch etwas konfigurieren muss.

An Inserttags habe ich auch schon gedacht.
Werde das mal ausprobieren.
Aber heute schaffe ich das leider nicht mehr.

Danke und VG

[mlweb]

Rocksolid Iconpicker habe ich auch schon ausprobiert und funktioniert auch nicht.
Allerdings habe ich mir nur diese Erweiterung installiert nicht die Erweiterung Custom Elements.
Laut Beschreibung ist dies aber nicht notwendig.
Kein Widget im TinyMCE sichtbar!

Ich habe das tatsächlich nur im Zusammenhang mit RSCE im Einsatz. Ich wüsste auch nicht, das das im TinyMCE funktioniert.
Wo hast Du gelesen, dass das funktionieren soll?

Wenn man sich die kostenlosen Icon's direkt bei fontawsome herunterladet und im Ordner speichert, ist beschrieben, dass man nur die css.all einbinden muss
und dann eben ein Icon auswählt und per i tag einbindet.

Wenn man damit auch lokale gespeicherte Icons nutzen kann, dann lohnt sich ja vielleicht doch noch ein zweiter Blick - aber auch das habe ich nirgends rausgelesen.

[chocolat65]

Rocksolid Iconpicker: gelesen habe ich das nirgendwo, sondern offensichtlich gibt es ein Widget im TinyMCE nur bei bezahlten Themes (siehe Tao Theme)
Ich bin nur davon ausgegangen, dass es auch mit eigenem Theme funktioniert. Ist wohl nicht so.

Kostenlose Icons fontawsome: scheint mir auch so, als dass nur mit Webvariante läuft.
Tausende von Icons will ich auch nicht auf meinem Webserver haben, die ich gar nicht brauche.

[mlweb]

Rocksolid Iconpicker: gelesen habe ich das nirgendwo, sondern offensichtlich gibt es ein Widget im TinyMCE nur bei bezahlten Themes (siehe Tao Theme)
Ich bin nur davon ausgegangen, dass es auch mit eigenem Theme funktioniert. Ist wohl nicht so.

Das funktioniert m.E. im eigenen Theme und auch in den gekauften Themes nur in Rocksolid-Custom-Elements.

Ich habe das in eigenen Themes so im Einsatz und habe auch etliche Installationen mit gekauften Themes in den Händen gehabt.

Es wird von RS ein Icon-Satz mitgeliefert. Es können aber zusätzlich eigene Icons oder auch kpl. alle freien Icons von Font Awesome eingebunden werden.

[chocolat65]

achso. Dann werde ich das nochmal ausprobieren.
Dank dir @mlweb

Kann mich ja morgen nochmal melden.

[neelix]

Tausende von Icons will ich auch nicht auf meinem Webserver haben, die ich gar nicht brauche.

Naja, die tun ja nicht weh. Das ist ja wahlweise eine Font-Datei oder ein SVG Stripe-Set. Der benötigigte Speicherplatz hält sich da sehr in Grenzen.