Textfeld nicht in TinyMCE modal box anklickbar
Ich entwickle ein Panel für einen Client, das einen 'New Blog Post' Knopf hat, der ein Modal öffnet und in diesem Modal ist es möglich auf ein 'Add image' Feld zu klicken, das ein anderes Modal öffnet. Das Problem hier ist die Tatsache, dass die modale Box "Bild hinzufügen" Textfelder enthält, die anklickbar sein sollen, dies jedoch nicht sind.
Ich habe mit Z-Index experimentiert, um zu sehen, ob das das Problem war, aber ich hatte kein Glück mit der Lösung des Problems.
Diese Mods bestehen aus Bootstrap und TinyMCE (zum Bearbeiten).
Sie finden es hier: Ссылка : Klicken Sie unter der Registerkarte "Amerikanische Website" auf "Blogpost hinzufügen" und klicken Sie dann auf die Registerkarte "Einfügen" in der Symbolleiste im Bereich "Post" und "Bild einfügen".
Sorry für den verwirrenden Zugang zu diesem Problem, aber hoffentlich ist es leicht auflösbar.
EDIT: Ich habe versucht, eine andere Anwendung namens "CKEDITOR" und das genau gleiche Problem aufgetreten ist, ist dies aufgrund der 3 Modale einander überlappen ??
2 Antworten
Da Sie Bootstrap verwenden (gilt auch für das Dialogfeld "jQuery UI"), verliert das modale Fenster von TinyMCE den Fokus, wenn Sie gestartet werden, sodass Sie nicht hineinklicken können. Der folgende Code verhindert das.
TinyMCE in einem jQuery UI-Dialogfeld
TinyMCE Teil des Codes:
%Vor%JQuery Modal Fokus beheben:
%Vor%Nachdem Sie darüber nachgedacht haben, was Sie über das Einfügen eines Bildes gesagt haben, habe ich auch festgestellt, dass es sich bei Videos um dasselbe Verhalten handelt. Und es hat mich dazu gebracht zu glauben, dass der Grund dafür ist, dass Sie ein Dateimanager-Plugin verwenden müssen, um Dateien in TinyMCE zu verarbeiten, wie zB MoxieManager .
Sobald Sie das haben, wird Ihr Bild / Video-Fenster wie folgt aussehen:
Dann können Sie Dateien auswählen und akzeptieren.
Hier ist die offizielle Antwort von der TinyMCE FAQ Seite:
Tags und Links html jquery css tinymce twitter-bootstrap