[release] Inline images in attachment

[Anvar]

Название расширения: Inline images in attachment
Автор: Anvar
Описание расширения: Данное расширение позволяет отобразить вложенные изображения в последовательном порядке, таким образом заполняя пустые пространства, в которое они могли бы уложиться. Для расположения вложений в обычном виде, вставленные в текст сообщения - необходимо размещать с новой строки.
Расширение на phpbb.com (версия для phpBB 3.1.x): https://www.phpbb.com/customise/db/exte ... ttachment/
Скачать (для phpBB 3.1.x/3.2.x): http://bb3.mobi/forum/viewtopic.php?f=14&t=72
Язык: По умолчанию

[Anvar]

Советую вам отказаться от использования этого расширения. По проблеме с ссылкой в футере обращайтесь к автору.

[Gubkin]

спасибо, отказался
до релиза тут как до луны, скорее альфа

[Slash]

Кому нибудь удалось подогнать код под phpBB 3.2?

В 3.1.x, перед тегом (в исходнике страницы): <div class="inline-attachment"> вставлялся перенос (<br />), если был совершен перенос при наборе текста.
В 3.2 <br /> не появляется ни перед, ни после <div class="inline-attachment">, в итоге картинки располагаются в одну строчку с текстом:

Безымянный.jpg

Чтобы появился переход на новую строку, надо при наборе текста сделать несколько переносов, но тогда картинка уходит сильно в низ...

По моему так...

[Slash]

На cyberforum.ru пользователь sad67man помог написать временное решение моей проблемы.
Берем css из расширения:

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

/* Inline Attachment */
div.inline-attachment {
	display: inline-block;
}

dl.thumbnail, dl.file {
	display: inline-block!important;
	vertical-align: top;
	margin-right: 4px;
}

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
	clear: left;
	display: inline;
}

.attachbox dd dl {
	display: inline-block;
	max-width: 100%;
	margin: 2px;
}
/* Inline Attachment END */

К нему добавляем jQuery (я добавил в шаблон события overall_footer_after.html):

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

	// Inline Attachment
	$('.inline-attachment').each(function() {
		var $this = $(this);
  	 var isPrevHasClass = $this.prev().length  && !$this.prev().hasClass('inline-attachment');
		var isNextHasClass = $this.next().length  && !$this.next().hasClass('inline-attachment');
		var isPrevText     = this.previousSibling && !!this.previousSibling.textContent.trim();
		var isNextText     = this.nextSibling     && !!this.nextSibling.textContent.trim();
		if (isPrevHasClass || isPrevText) {
			$this.before('<br />');
		};

		if (isNextHasClass || isNextText) {
			$this.after('<br />');
		};
	});	
	// Inline Attachment END

Результат:

Безымянный.jpg

[COB16]

Slash, еще бы сео имаджес под 3.2 допилить

[Slash]

сео имаджес под 3.2 допилить

А что с ним не так? У меня вроде нормально работает. Может я не о том расширении думаю, дайте ссылку на него.

[COB16]

Slash, [beta] SEO images in attachment (для phpBB3.1)

Отправлено спустя 44 секунды:
при включении пропадают сами картинки из форуму как будто нету их

[Slash]

COB16, это вам в тему расширения надо.
Возможно (если у вас php 7), есть несовместимость версии php, можно попробовать переключить на 5.6 и проверить, как поведет себя расширение.
Возможно требуются дополнительные правки, например, http://bb3.mobi/forum/viewtopic.php?p=345#p345. Может еще чего...

[COB16]

Slash, щас пока 5.4

Отправлено спустя 38 секунд:
хм точно не подумал об этом, про правку

[misterleks]

Это расширение не подправили под 3.2?
У меня проблема как Slash, при вставке в текст изображения хаотично раскидываются в сообщении.
Не понял, куда вносить правки, так как у меня текст в css другой.

[velizariy]

Увы. Ждем...
Может кто знает аналогичное расширение работающее на 3.2?

[Джим]

Не понял, куда вносить правки, так как у меня текст в css другой.

Попробуйте в файл ext\bb3mobi\inlineimg\styles\prosilver\template\event\overall_footer_after.html добавить такой код:

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

<!-- IF S_VIEWTOPIC -->
<!-- INCLUDECSS ../theme/inlineimg.css -->
<script type="text/javascript">
   // Inline Attachment
   $('.inline-attachment').each(function() {
      var $this = $(this);
      var isPrevHasClass = $this.prev().length  && !$this.prev().hasClass('inline-attachment');
      var isNextHasClass = $this.next().length  && !$this.next().hasClass('inline-attachment');
      var isPrevText     = this.previousSibling && !!this.previousSibling.textContent.trim();
      var isNextText     = this.nextSibling     && !!this.nextSibling.textContent.trim();
      if (isPrevHasClass || isPrevText) {
         $this.before('<br />');
      };

      if (isNextHasClass || isNextText) {
         $this.after('<br />');
      };
   });   
   // Inline Attachment END
</script>
<!-- ENDIF -->

[misterleks]

Джим, добавил выше того, что там было. Правильно сделал?
Сейчас вроде работает, картинки заполняют область по горизонтали и в тексте не вываливаются.

[Джим]

добавил выше того, что там было. Правильно сделал?

Ну да, можно выше, можно ниже. Я лично из этого файла вообще всё удалил, чтобы маленькие картинки не растягивались. Оставил только этот код, который любезно предоставил Slash.

[velizariy]

Решил тоже попробовать в 3.2 в overall_footer_after.html вставить выше приведенный кусочек кода. Получилось не очень.
Текст и рисунки идут каждый с новой строчки. Оказалось что чтобы "толкнуть" вложение ниже текста надо делать еще один пустой абзац между ними. Может в скрипт надо что-то добавить?

Зняток екрану з 2017-06-20 19-55-56.jpg