Witam, piszę własy silnik forum z czego jestem już znany, ale mam pewien problem. Mam szablon który w pełni kożysta z frameworka bootstrap. Użyłem do systemu menu ustawień accordion z bootstrap'a i mam problem z edytorem p nazwie "SCEditor". W celu rozwiazania problemu ustawiłem inicjacje edytora po 5 sekundach i w momencie kiedy jestem na karcie gdzie powinien być edytor to wszystko wygląda pięknie

ale jeżeli inicjuje go, a karta jest schowana to wygląda to tak:


Próbowałem dodać id do elementu i w jQuery zrobić funkcje onclick, ale kiedy dodam id to się skrypt krzaczy, z class tak samo brak reakcji. Nie wiem, macie może na to jakiś sposób?

Możecie się zalogować:
adres URL: widoczny jest na obrazkach w logo (nie chcę wpisywać ze względu na niechciane pozycjonowanie w google)
Login: test
Hasło: test

A jak ustawisz w opcji sceditor width: "100%"

Zapomniałem o tej opcji, ale i tak to tylko częściowe lekarstwo, gdyż edytor ustawia się poprawnie, ale jego iframe pozostaje niezmienne...

Tam gdzie masz te iframe(div) jest bez przypisanego id a jakbyś dał tam id do tego i dałbyś na width:100% i zamiast overflow: auto; daj tak overflow-y: auto; isprawdż czy bd działać nieśli dalej bd ten sam problm to od tego momętu prześlij nam tutaj kod htl i css wtedy bd myśleli dalej

tylko że te iframe jest generowane przez edytor, tak naprawde to nawet nie wiem gdzie ono się znajduje, ale wiem że elementom przypisanym przez skrypt ciężko przypisać jakąkolwiek wartość w CSS

@Edit
Dodam też że jak dam edytor na full screen i zmniejszę to ustawia on iframe na prawidłową wartość...

tam coś z tym edytorem jest nie tak poniważ tak jakby nie chciał wczytywać do końca styli jak klikniesz w jedna zakładke i pokaże się ten edytor prawidłowo a jak klikniesz w ta drugą zakładkę to już tak jakby zatrzymał się skrypt i nie chciał wczytać tych styli tak sądzę że problemu trzeba szukać w stylach edytora lub w samym skrypcie edytora

http://www.sceditor.com/api/sceditor/width/

Dodałem kod w taki sposób i dalej brak rezultatów:

[JAVASCRIPT] pobierz, plaintext 
$(function() {
		// Replace all textarea's
		// with SCEditor
 
 
		$(".sceditor-toolbar").ready(function(){
			setTimeout(function() {
 
				$("textarea").sceditor({
					plugins: "bbcode",
					width: "100%",
					resizeEnabled: true,
					style: "minified/jquery.sceditor.default.min.css"
				});
				$('textarea').sceditor('instance').width('100%');
			}, 5000);
		});
	});
[JAVASCRIPT] pobierz, plaintext 

@Edit:
Nawet próbowałem po przez dodanie klasy bootstrapowej (col-md-12) dla textarea

@Edit 2:
instance nie jest zdefiniowane... błąd w konsoli.

Bo...nie jest zdefiniowane.


Spróbuj tak: zmierz szerokość elementu .collapse i ustaw taką szerokość edytorowi.

Zrobiłem inaczej. Dodałem klasę temu iFrame i po sekundzie robię update width do 100% Dzięki za zaangażowanie chłopaki Leci pomógł