Smilie Problem

#1 · January 2, 2021, 8:39 pm

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?

Nur ein Biker weiß, warum ein Hund seinen Kopf aus einem Autofenster steckt.
Only a biker knows why a dog sticks its head out a car window.

#2 · January 3, 2021, 6:04 am

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.

If you ever wonder how to return the favour for helping you.

#3 · 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.

Nur ein Biker weiß, warum ein Hund seinen Kopf aus einem Autofenster steckt.
Only a biker knows why a dog sticks its head out a car window.

#4 · January 3, 2021, 9:33 am

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).

If you ever wonder how to return the favour for helping you.

#5 · January 3, 2021, 12:25 pm

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

Nur ein Biker weiß, warum ein Hund seinen Kopf aus einem Autofenster steckt.
Only a biker knows why a dog sticks its head out a car window.