Bildformate in fhs-op2 ??

Ein CMSimple Support Forum für deutsch sprechende Nutzer und Entwickler
cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: Bildformate in fhs-op2 ??

Post by cmb » Mon Mar 15, 2021 9:04 pm

Wird in der Browser-Konsole (F12 → Konsole) vielleicht ein Fehler gemeldet?
Christoph M. Becker – Plugins for CMSimple_XH

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

Re: Bildformate in fhs-op2 ??

Post by frase » Tue Mar 16, 2021 8:14 am

yordande wrote:
Mon Mar 15, 2021 6:28 pm
...
Es hat leider nicht geklappt, bestimmt Anwendungsfehler...
Habe in den init-Dateien: init_fa-quotes, init_flexible die style_formats eingefügt, es bewegt sich aber nichts, keine Einstellugn ist sichtbar, sogar alle Formateinsetllungen sind nicht mehr im Toolbar sichtbar :(
...
cmb wrote:
Mon Mar 15, 2021 9:04 pm
Wird in der Browser-Konsole (F12 → Konsole) vielleicht ein Fehler gemeldet?
Es ist natürlich Voraussetzung, dass das annieffekt-Plugin richtig installiert ist und funktioniert.
Die Tiny-Init-Datei muss eben auch richtig erweitert werden.
Hier mal der entsprechende Part als Vorlage:

Code: Select all

...
  external_plugins: {
    "fontawesome": "%CMSIMPLE_ROOT%plugins/fa/editors/tinymce4/fontawesome/plugin.min.js"
  },
  style_formats: [{title: 'Animation Classes',items: [{title: 'Attention Seekers',items: [{title: 'bounce', selector: '*', 'classes': 'ani_bounce'},{title: 'flash', selector: '*', 'classes': 'ani_flash'},{title: 'pulse', selector: '*', 'classes': 'ani_pulse'},{title: 'rubberBand', selector: '*', 'classes': 'ani_rubberBand'},{title: 'shake', selector: '*', 'classes': 'shake'},{title: 'swing', selector: '*', 'classes': 'ani_swing'},{title: 'tada', selector: '*', 'classes': 'ani_tada'},{title: 'wobble', selector: '*', 'classes': 'ani_wobble'},{title: 'jello', selector: '*', 'classes': 'ani_jello'}]},{title: 'Bouncing Entrances',items: [{title: 'bounceIn', selector: '*', 'classes': 'ani_bounceIn'},{title: 'bounceInDown', selector: '*', 'classes': 'ani_bounceInDown'},{title: 'bounceInLeft', selector: '*', 'classes': 'ani_bounceInLeft'},{title: 'bounceInRight', selector: '*', 'classes': 'ani_bounceInRight'},{title: 'bounceInUp', selector: '*', 'classes': 'ani_bounceInUp'}]},{title: 'Bouncing Exits',items: [{title: 'bounceOut', selector: '*', 'classes': 'ani_bounceOut'},{title: 'bounceOutDown', selector: '*', 'classes': 'ani_bounceOutDown'},{title: 'bounceOutLeft', selector: '*', 'classes': 'ani_bounceOutLeft'},{title: 'bounceOutRight', selector: '*', 'classes': 'ani_bounceOutRight'},{title: 'bounceOutUp', selector: '*', 'classes': 'ani_bounceOutUp'}]},{title: 'Fading Exits',items: [{title: 'fadeOut', selector: '*', 'classes': 'ani_fadeOut'},{title: 'fadeOutDown', selector: '*', 'classes': 'ani_fadeOutDown'},{title: 'fadeOutDownBig', selector: '*', 'classes': 'ani_fadeOutDownBig'},{title: 'fadeOutLeft', selector: '*', 'classes': 'ani_fadeOutLeft'},{title: 'fadeOutLeftBig', selector: '*', 'classes': 'ani_fadeOutLeftBig'},{title: 'fadeOutRight', selector: '*', 'classes': 'ani_fadeOutRight'},{title: 'fadeOutRightBig', selector: '*', 'classes': 'ani_fadeOutRightBig'},{title: 'fadeOutUp', selector: '*', 'classes': 'ani_fadeOutUp'},{title: 'fadeOutUpBig', selector: '*', 'classes': 'ani_fadeOutUpBig'}]},{title: 'Flippers',items: [{title: 'flip', selector: '*', 'classes': 'ani_flip'},{title: 'flipInX', selector: '*', 'classes': 'ani_flipInX'},{title: 'flipInY', selector: '*', 'classes': 'ani_flipInY'},{title: 'flipOutX', selector: '*', 'classes': 'ani_flipOutX'},{title: 'flipOutY', selector: '*', 'classes': 'ani_flipOutY'}]},{title: 'Lightspeed',items: [{title: 'lightSpeedIn', selector: '*', 'classes': 'ani_lightSpeedIn'},{title: 'lightSpeedOut', selector: '*', 'classes': 'ani_lightSpeedOut'}]},{title: 'Rotating Entrances',items: [{title: 'rotateIn', selector: '*', 'classes': 'ani_rotateIn'},{title: 'rotateInDownLeft', selector: '*', 'classes': 'ani_rotateInDownLeft'},{title: 'rotateInDownRight', selector: '*', 'classes': 'ani_rotateInDownRight'},{title: 'rotateInUpLeft', selector: '*', 'classes': 'ani_rotateInUpLeft'},{title: 'rotateInUpRight', selector: '*', 'classes': 'ani_rotateInUpRight'}]},{title: 'Rotating Exits',items: [{title: 'rotateOut', selector: '*', 'classes': 'ani_rotateOut'},{title: 'rotateOutDownLeft', selector: '*', 'classes': 'ani_rotateOutDownLeft'},{title: 'rotateOutDownRight', selector: '*', 'classes': 'ani_rotateOutDownRight'},{title: 'rotateOutUpLeft', selector: '*', 'classes': 'ani_rotateOutUpLeft'},{title: 'rotateOutUpRight', selector: '*', 'classes': 'ani_rotateOutUpRight'}]},{title: 'Sliding Entrances',items: [{title: 'slideInUp', selector: '*', 'classes': 'ani_slideInUp'},{title: 'slideInDown', selector: '*', 'classes': 'ani_slideInDown'},{title: 'slideInLeft', selector: '*', 'classes': 'ani_slideInLeft'},{title: 'slideInRight', selector: '*', 'classes': 'ani_slideInRight'}]},{title: 'Sliding Exits',items: [{title: 'slideOutUp', selector: '*', 'classes': 'ani_slideOutUp'},{title: 'slideOutDown', selector: '*', 'classes': 'ani_slideOutDown'},{title: 'slideOutLeft', selector: '*', 'classes': 'ani_slideOutLeft'},{title: 'slideOutRight', selector: '*', 'classes': 'ani_slideOutRight'}]},{title: 'Zoom Entrances',items: [{title: 'zoomIn', selector: '*', 'classes': 'ani_zoomIn'},{title: 'zoomInDown', selector: '*', 'classes': 'ani_zoomInDown'},{title: 'zoomInLeft', selector: '*', 'classes': 'ani_zoomInLeft'},{title: 'zoomInRight', selector: '*', 'classes': 'ani_zoomInRight'},{title: 'zoomInUp', selector: '*', 'classes': 'ani_zoomInUp'}]},{title: 'Zoom Exits',items: [{title: 'zoomOut', selector: '*', 'classes': 'ani_zoomOut'},{title: 'zoomOutDown', selector: '*', 'classes': 'ani_zoomOutDown'},{title: 'zoomOutLeft', selector: '*', 'classes': 'ani_zoomOutLeft'},{title: 'zoomOutRight', selector: '*', 'classes': 'ani_zoomOutRight'},{title: 'zoomOutUp', selector: '*', 'classes': 'ani_zoomOutUp'}]},{title: 'Specials',items: [{title: 'hinge', selector: '*', 'classes': 'ani_hinge'},{title: 'jackInTheBox', selector: '*', 'classes': 'ani_jackInTheBox'},{title: 'rollIn', selector: '*', 'classes': 'ani_rollIn'},{title: 'rollOut', selector: '*', 'classes': 'ani_rollOut'}]}]}],
  toolbar1: "save ... 
Wenn das richtig erledigt ist (auf die Kommas am Zeilenende achten!), kann man im Editor den Elementen eine Animation über "Format" zuweisen. (Evtl. nach Änderung Browser-Cache leeren und neu einloggen.)
Solange die Migrate-Option im jQuery-Plugin nicht aktiviert ist, erscheint in der Konsole eine jQuery-Fehlermeldung.
Also: Aktivieren!
Dann laufen die Animationen korrekt.

yordande
Posts: 22
Joined: Tue Jan 31, 2017 9:52 am
Location: Augsburg
Contact:

Re: Bildformate in fhs-op2 ??

Post by yordande » Tue Mar 16, 2021 2:06 pm

Danke Dir für die ausführliche Info! Finde ich grossartig! :)

Ich habe auch im nachhinein festgestellt, dass im Mozilla nicht funktioniert, aber mit Chrome... Da war ich verwundert...

LG

yordande
Posts: 22
Joined: Tue Jan 31, 2017 9:52 am
Location: Augsburg
Contact:

Re: Bildformate in fhs-op2 ??

Post by yordande » Tue Mar 16, 2021 2:13 pm

Tatsache! Folgende Fehlermeldung erscheint:

DevTools failed to load SourceMap: Could not load content for http://localhost/asi_2021/templates/fhs ... in.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

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

Re: Bildformate in fhs-op2 ??

Post by frase » Tue Mar 16, 2021 2:28 pm

yordande wrote:
Tue Mar 16, 2021 2:13 pm
Tatsache! Folgende Fehlermeldung erscheint:

DevTools failed to load SourceMap: Could not load content for http://localhost/asi_2021/templates/fhs ... in.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
Das ist nun wieder etwas ganz anderes ;-)
Es ist eine Chrome-Warnung und keine Fehlermeldung - die du getrost ignorieren kannst.
Wenn es dich stört, dann schalte diese Warnmeldung ab.
Wie das geht, wird in diesem Video gezeigt.
Auf den sympathischen indo-englischen Kommentar musst du nicht hören - ca. ab Minute 1:50 wird alles gezeigt.

yordande
Posts: 22
Joined: Tue Jan 31, 2017 9:52 am
Location: Augsburg
Contact:

Re: Bildformate in fhs-op2 ??

Post by yordande » Wed Mar 17, 2021 12:17 pm

VIELEN LIEBEN DANK! :)

Post Reply