Animacja slajdów jQuery i edytora tinyMCE

Question

Mam problem z wykorzystaniem tinyMCE w projekcie interfejsu z animacją jQuery .show("slide"). Z powodu złożoności formularza, jest on podzielony na strony podobne do kreatora, ale nie używa przycisków następnych i tylnych. Zamiast tego używa nazw sekcji e.d Biodata, Dane kontaktowe, Zapisz. Aby urozmaicić sytuację, kliknięta sekcja wyświetli się. Ten "slajd" ma na celu zdefiniowanie interfejsu pomiędzy twórcami i sponsorami projektu, który nazywamy je formami przesuwnymi. Jednak na jednej ze "stron" potrzebny jest edytor tekstu. Problem pojawia się po wyświetleniu strony edytora, mogę ją zainicjować za pomocą funkcji execCommand z tinyMCE, Ale gdy wysuniesz tę stronę i wsuniesz ją z powrotem, edytor straciłby zawartość i stałby się "nieedytowalny", nawet jeśli reinicjuj go. Jeśli jednak wyłączę slajd i po prostu załaduję strony przy pomocy .css("display", "block"), edytory działają dobrze, ale cała esencja naszej "formy ślizgowej" zostaje utracona. Czy jest jakieś zadanie, aby móc używać show("slide") i zachować zdrowy rozsądek redaktorów?

Poniższy kod nie działa

$(this).show("slide", { direction:"left" }, 1000); 

poniżej kod działa

$(this).css('display', 'block'); 

Każda pomoc jest mile widziana.

Answer 1

Miałem podobny problem z powrotem i rozwiązaniem było użycie zewnętrznego div wokół tinymce z wyświetlaczem: żaden na nim i init tinymce w $ (document) .ready, a następnie zrobić slajd jak normalnie, przesuwając div wokół obiektu tinymce.