hi_fancybox mit tinymce4 unter 1.7

Third Party Plugins to CMSimple - how to install, use and create plugins

Moderator: Tata

pergachris
Posts: 190
Joined: Fri Aug 31, 2012 9:28 pm
Location: Hemden (NRW)

hi_fancybox mit tinymce4 unter 1.7

Post by pergachris » Tue Jul 11, 2017 8:35 am

Hallo,

bislang gab es ja tinymce unter 1.6. Beim Link einfügen konnte man unter dem Reiter Erweitert in der Klasse das "zoom" eintragen.

Jetzt unter 1.7 wird das tinymce4 verwendet. Da finde ich gar nicht den Reiter erweitert.

Wie trägt man hier das "zoom" ein?

Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: hi_fancybox mit tinymce4 unter 1.7

Post by Tata » Tue Jul 11, 2017 8:51 am

Ja, das fehlt mir auch bisschen. Aber nach meiner Erfahrung lohnt es sich auch z.B. CKEditor installiert haben und für bestimmte Zwecke nutzen. Dort arbeitet man auch mit Fancybox ganz einfach.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: hi_fancybox mit tinymce4 unter 1.7

Post by frase » Tue Jul 11, 2017 9:03 am

Für die Fancybox besteht ja der Aufruf aus Bild und Link.
Der Link muss die Klasse "zoom", "zoom_g" oder "zoom_i" erhalten.

Für beide Editoren bietet sich da an, sich im Template-Stylesheet 3 Klassen anzulegen:

Code: Select all

a.zoom {}
a.zoom_g {}
a.zoom_i {}
Die können leer, müssen aber vorhanden sein.
Wenn ihr also Bild und Link fertig eingefügt habt, Link anklicken und entsprechende Klasse vergeben.
Die sollten im Tiny unter Formate auftauchen. Im CKE unter "Stil" (soweit ich mich erinnere).

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: hi_fancybox mit tinymce4 unter 1.7

Post by cmb » Tue Jul 11, 2017 11:09 am

pergachris wrote:Wie trägt man hier das "zoom" ein?
Entweder so wie Frank (frase) es bereits beschrieben hat, oder du modifizierst die von dir verwendete ]init_*.js. Wenn diese jetzt z.B. so endet:

Code: Select all

  extended_valid_elements: 'span[*],script'
}
dann ändere das zu

Code: Select all

  extended_valid_elements: 'span[*],script',
  link_class_list: [
    {title: "keine", value: ""},
    {title: "fancybox", value: "zoom"}
  ]
}
Christoph M. Becker – Plugins for CMSimple_XH

frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: hi_fancybox mit tinymce4 unter 1.7

Post by frase » Tue Jul 11, 2017 11:13 am

Sehr schön wäre es, wenn hi_fancybox diese 3 Klassen im Stylesheet mit auslieferte.
Dann wäre das Problem für alle Editoren erledigt.
Ich weiß allerdings nicht, ob das Plugin-Stylesheet in den Editoren ankommt/zur Verfügung steht. ???

Edit:
fancybox schreibt viel JS in den Quellcode der Seite. Könnte da nicht auch noch ein kurzer Style-Abschnitt rein?

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: hi_fancybox mit tinymce4 unter 1.7

Post by cmb » Tue Jul 11, 2017 12:18 pm

frase wrote:Ich weiß allerdings nicht, ob das Plugin-Stylesheet in den Editoren ankommt/zur Verfügung steht. ???
Normalerweise wird nur das Templatestylesheet geladen. Das kann in der init_*.js angepasst werden (content_css).
Christoph M. Becker – Plugins for CMSimple_XH

Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: hi_fancybox mit tinymce4 unter 1.7

Post by Tata » Wed Nov 01, 2017 12:28 pm

WIeder einmal zu dem äteren Problem gekommen. Die hier gegebene Vorschläge leider functionieren bei mir nicht. Am Ende der "init_full.js" Datei sieht es jetzt so:

Code: Select all

  entity_encoding: "raw"
  /*** inserted on 1.11.2017 ***/
  ,
  extended_valid_elements: 'span[*],script',
  link_class_list: [
    {title: "keine", value: ""},
    {title: "fancybox", value: "zoom"}
    {title: "fancybox", value: "zoom_g"}
    {title: "fancybox", value: "zoom_i"}
  ]
 } 
Im editor sehe ich nichts neues, nicht die neue "classes".
Doch, es fehlet der "Advanced" Reiter unter Linkmagemanager.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

lck
Posts: 2963
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: hi_fancybox mit tinymce4 unter 1.7

Post by lck » Wed Nov 01, 2017 12:38 pm

Tata wrote:Im editor sehe ich nichts neues, nicht die neue "classes".
Kommas vergessen, siehe oben oder siehe auch hier.
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: hi_fancybox mit tinymce4 unter 1.7

Post by Tata » Wed Nov 01, 2017 2:54 pm

Klar, das habe ich auch sofort bemerkt und korrigiert in allen init-*.js (init_flexible.js, init_full.js, init_medium.js, init_minimal.js).
Noch habe ich die classes .zoom, .zoom_g, .zoom_i in stylesheet.
Doch ist nichts neues ins Editor übertragen.
Es ist nicht besonders bequem dise classes in HTML reinzugeben. Der AdvancedReiter fehlt da jedenfalls.
Testweise habe ich auch CKEditor installiert. Dort funktioniert der AdvancedReiter unter LinksEditor gut. Aber die classes von der stylesheet.css Datei sind auch nicht übertragen. Mit Editor-Tab Plugin geht es schon etwa besser.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: hi_fancybox mit tinymce4 unter 1.7

Post by frase » Wed Nov 01, 2017 3:38 pm

Also der Code muss genau so aussehen:

Code: Select all

  entity_encoding: "raw",
  extended_valid_elements: 'span[*],script',
  link_class_list: [
    {title: "keine", value: ""},
    {title: "fancybox", value: "zoom"},
    {title: "fancybox-g", value: "zoom_g"},
    {title: "fancybox-i", value: "zoom_i"}
  ]
 } 
Dann musst du bedenken:
Die Fancybox-Klassen können nur für Links (a) eingesetzt werden.
Das bedeutet:
LINK anklicken -> Link Icon anklicken -> ganz unten "Class" anklicken -> dort stehen die Zoom-Klassen.

Post Reply