Wysibb и upload фото

Miff · Сообщение **Miff** » 19.03.2017 20:20

Форум phpBB 3.2.0, поставил и настроил wysibb. Включил загрузку фото в коде и проверит в тестовом html документе (пример кода ниже этого документа)

Скрытый текст

Код: Выделить всё

<html>
<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script src="jquery.wysibb.min.js"></script>
	<link rel="stylesheet" href="theme/default/wbbtheme.css" type="text/css" />
</head>
<body>
<textarea name="message" id="message" rows="15" cols="76" tabindex="4">1ТестТестТест</textarea>

<script>

		$("#message").wysibb();

</script>
</body>

Загрузка работает в 2-х вариантах: дрег энд дроп и выбор файла с диска. Вставил код в posting_editor.html
И... работает только перетаскивание фото, а выбор файла никак не хочет. Мои выяснения о произошедшем:
- файрфокс выдает ошибку типа (знаний у меня по этой ошибки нет, а гугл не помог):

Скрытый текст

Ошибка загрузки этого URL: Could not load the source for ht....
[Exception... "Component returned failure code: 0x80470002 (NS_BASE_STREAM_CLOSED) [nsIInputStream.available]" nsresult: "0x80470002 (NS_BASE_STREAM_CLOSED)" location: "JS frame :: resource://gre/modules/commonjs/toolkit/loader.js -> resource://devtools/shared/DevToolsUtils.js :: mainThreadFetch/onResponse :: line 448" data: no]
Stack: mainThreadFetch/onResponse@resource://gre/modules/commonjs/toolkit/loader.js -> resource://devtools/shared/DevToolsUtils.js:448:23
NetUtil_asyncFetch/<.onStopRequest@resource://gre/modules/NetUtil.jsm:128:17
Line: 448, column: 0

- фидлер показывает то что запросы одинаковые что в тестовом файле что на форуме и ответ одинаков. Ответ вида:

Скрытый текст

Код: Выделить всё

'<html><body>OK<script>window.parent.jQuery("#'.$idarea.'").insertImage("'.$full_path.'","'.$full_path.'").closeModal().updateUI();</script></body></html>';

PS $idarea - id элемента textarea (всё совпадает, проверено 100 раз да и в тесте работает же), $full_path - адрес фотки загруженой ! Кстати адрес фотки при ошибке возвращается и фотка загружается кодом, а значит тут тоже всё ок.

Единственный вариант что код ответа (который грузится в iframe) не может найти от родителя элемент textarea и вызвать все "плюшки" такие как: добавление фото в редактор, закрытие модалки и т.д. Парадокс, в тестовой документе всё работает и так же от родителя код пляшет.

Люди добрые, подскажите что что думает по этому поводу.

Miff · Сообщение **Miff** » 19.03.2017 20:56

Почти докопался до истины. Для тех кто в коде этого редактора не копался, но понимает в явескрипте. У формы откуда отправляется запрос на загрузку фотки, есть iframe - в него возвращается ответ в виде яваскрипта, который обращается к textarea родителя и использует функции wisibb которые дополнили jquery библиотеку, но теперь к сути. Вот ответ браузера на этот кода в iframe:

Код: Выделить всё

TypeError: window.parent.jQuery(...).insertImage is not a function

Подкиньте идейку куда копать...

Miff · Сообщение **Miff** » 19.03.2017 21:56

Ну и почти истина. Из iframe я могу добраться до родительского элемента и его jquery, но вот вызвать функции, которые в jquery добавил wysibb - не могу. Всю голову сломал. Причем в тестовой чистым html документе всё работает, а на форуме нет. Может конфликт чего-то происходит, но как проверить это. Все другие функции wysibb работают, а значит все функции которые дополнили jquery - есть. Пока не знаю как отладить, чтобы понять что да как. По прежнему ХЕЛП!

Miff · Сообщение **Miff** » 20.03.2017 17:16

Вопрос решен.
Скрипт:

Код: Выделить всё

   <script src="jquery.wysibb.min.js"></script>
   <link rel="stylesheet" href="theme/default/wbbtheme.css" type="text/css" />

Перенести в overall_footer.html (если подключить раньше в хэдере или рядом с textarea, то phpbb затрёт все доп функции в jquery) и обязательно инициировать скрипт замены textarea после загрузки документа.

Код: Выделить всё

	<script>
		 $(document).ready(function() {
			$("#message").wysibb();
		 });
		
	</script>

phpBB Guru - Официальная русская поддержка форума phpBB3

Wysibb и upload фото

Wysibb и upload фото

Re: Wysibb и upload фото

Re: Wysibb и upload фото

Re: Wysibb и upload фото