Smilie Problem
Quote from Biker on January 2, 2021, 8:39 pmIch habe bei mir das Plugin wp-monalisa installiert.
Egal ob ich dazu den tinymce-advanced aktiviert habe oder nicht, zeigt es mir wenn ich beim Beitrag schreiben auf Smilies klicke die Smilies in einem ziemlich zerschossenen Fenster an.
Jetzt kommt aber das komische.
War ich vorher auf Beitrag editieren, breche ab und antworte auf einen Post, dann wird mir alles richtig angezeigt.
Das Smilie Problem ist nur im Forum.
Wenn ich Seiten, Beiträge oder Kommentare unter Wordpress erstelle, dann funktioniert das Smilie Plugin einwandfrei.
Was könnte da Schuld sein?
Ich habe bei mir das Plugin wp-monalisa installiert.
Egal ob ich dazu den tinymce-advanced aktiviert habe oder nicht, zeigt es mir wenn ich beim Beitrag schreiben auf Smilies klicke die Smilies in einem ziemlich zerschossenen Fenster an.
Jetzt kommt aber das komische.
War ich vorher auf Beitrag editieren, breche ab und antworte auf einen Post, dann wird mir alles richtig angezeigt.
Das Smilie Problem ist nur im Forum.
Wenn ich Seiten, Beiträge oder Kommentare unter Wordpress erstelle, dann funktioniert das Smilie Plugin einwandfrei.
Was könnte da Schuld sein?
Only a biker knows why a dog sticks its head out a car window.
Quote from qualmy91 on January 3, 2021, 6:04 amHey Reiner,
das sieht so aus als ob da ein Problem mit dem JS von monalisa gibt.
Als nicht ganz so schöne Lösung kannst du folgendes CSS einfügen:
body.asgaros-forum .mce-wpml_richedit_button.mce-container.mce-panel.mce-floatpanel.mce-popover.mce-bottom { width: auto !important; height: auto !important; } body.asgaros-forum .mce-wpml_richedit_button.mce-container.mce-panel.mce-floatpanel.mce-popover.mce-bottom img { margin: 5px !important; }Besser wäre es natürlich eine Lösung von dem Support von Monalisa zu bekommen.
Hey Reiner,
das sieht so aus als ob da ein Problem mit dem JS von monalisa gibt.
Als nicht ganz so schöne Lösung kannst du folgendes CSS einfügen:
body.asgaros-forum .mce-wpml_richedit_button.mce-container.mce-panel.mce-floatpanel.mce-popover.mce-bottom { width: auto !important; height: auto !important; } body.asgaros-forum .mce-wpml_richedit_button.mce-container.mce-panel.mce-floatpanel.mce-popover.mce-bottom img { margin: 5px !important; }
Besser wäre es natürlich eine Lösung von dem Support von Monalisa zu bekommen.
Quote from Biker on January 3, 2021, 7:52 am@qualmy91
Danke, die Lösung funktioniert super…
Jetzt muss ich da noch in die mobile Variante reinpfriemeln und dann ist es ideal.
Da passt es noch nicht ganz und scheinbar greift die Custom CSS nicht.
Hast Du eine Idee wo ich da den CSS Abschnitt einfügen muß?
Den Monalisa Support habe ich auch kontaktiert.
Danke, die Lösung funktioniert super…
Jetzt muss ich da noch in die mobile Variante reinpfriemeln und dann ist es ideal.
Da passt es noch nicht ganz und scheinbar greift die Custom CSS nicht.
Hast Du eine Idee wo ich da den CSS Abschnitt einfügen muß?
Den Monalisa Support habe ich auch kontaktiert.
Only a biker knows why a dog sticks its head out a car window.
Quote from qualmy91 on January 3, 2021, 9:33 amHey Reiner,
danke für den Kaffee 🙂
Bei der mobilien Ansicht scheint sich die Klasse “mce-bottom” in “mce-bottom” zu ändern:
body.asgaros-forum .mce-wpml_richedit_button.mce-container.mce-panel.mce-floatpanel.mce-popover.mce-top { width: auto !important; height: auto !important; } body.asgaros-forum .mce-wpml_richedit_button.mce-container.mce-panel.mce-floatpanel.mce-popover.mce-top img { margin: 5px !important; }Nur die großen Smileys rutschen dann aus dem Fenster raus, vielleicht solltest du deine Smileys anders sortierieren (wenn möglich).
Hey Reiner,
danke für den Kaffee 🙂
Bei der mobilien Ansicht scheint sich die Klasse “mce-bottom” in “mce-bottom” zu ändern:
body.asgaros-forum .mce-wpml_richedit_button.mce-container.mce-panel.mce-floatpanel.mce-popover.mce-top { width: auto !important; height: auto !important; } body.asgaros-forum .mce-wpml_richedit_button.mce-container.mce-panel.mce-floatpanel.mce-popover.mce-top img { margin: 5px !important; }
Nur die großen Smileys rutschen dann aus dem Fenster raus, vielleicht solltest du deine Smileys anders sortierieren (wenn möglich).
Quote from Biker on January 3, 2021, 12:25 pmIch habe jetzt vom Entwickler von wp-monalisa eine Antwort bekommen.
hello Reiner,
thank you for the hint. I just tried with asgaros 1.15.8 and can confirm this.
Maybe you can test the following before I release it:
1. add a css class to wp-monalisa-default.css. Just add the lines at the end of the file:
img.wpml_ico_rich { display: inline-block; }
2. Change wpml_tinymce_plugin.js, replace line 10
from:
smhtml = smhtml + '<img id="wpmlre' + j + '" src="' + cs[2] + '" />';
to:
smhtml = smhtml + '<img class="wpml_ico_rich" id="wpmlre' + j + '" src="' + cs[2] + '" />';
Step 2 adds a new css class to the icons used in richeditor.
Step 1 solves the problem by changing display from ‘block’, which might have been new during the last release from asgaros (?) to inline-block which makes the smilies appear as before.Thanks in advance, Hans
Ich habe jetzt vom Entwickler von wp-monalisa eine Antwort bekommen.
hello Reiner,
thank you for the hint. I just tried with asgaros 1.15.8 and can confirm this.
Maybe you can test the following before I release it:
1. add a css class to wp-monalisa-default.css. Just add the lines at the end of the file:
img.wpml_ico_rich {
display: inline-block;
}
2. Change wpml_tinymce_plugin.js, replace line 10
from:
smhtml = smhtml + '<img id="wpmlre' + j + '" src="' + cs[2] + '" />';
to:
smhtml = smhtml + '<img class="wpml_ico_rich" id="wpmlre' + j + '" src="' + cs[2] + '" />';
Step 2 adds a new css class to the icons used in richeditor.
Step 1 solves the problem by changing display from ‘block’, which might have been new during the last release from asgaros (?) to inline-block which makes the smilies appear as before.
Thanks in advance, Hans
Only a biker knows why a dog sticks its head out a car window.