Как сохранить последовательность картинок и текста?

Question

[Nube]

Добрый день ! Допустим пользователь создает пост в котором он может разместить в произвольном порядке картинки и описание к ним. Мне нужно сохранить их в такой же последовательности. Буду рад ссылкам, либо направлению в какую сторону искать.
Пример поста.
картинка/видио
текст
затем снова картинка. Может быть все наоборот.
Отличным примером являются посты как на сайте Пикабу или же ответы Тостер.

Answer 1

[Ivan Sharapenkov]

Как обычный текст, html код или любой другой язык разметки (markdown, например). А на клиенте уже обрабатывать скриптами и выводить как надо. Если присутствует возможность загружать картинки на ваш сервер, то это делается отдельно, а в посте используются ссылки.

Comments

[Nube]

Получается я на сервер отправляю часть html разметки ?

[Ivan Sharapenkov]

Nube, нет. Вы отправляете просто текст, который может содержать ссылки на картинки, в каком-либо виде (этот вид должен быть заранее задан, чтобы отличить картинки от простых ссылок). Ваша задача эти ссылки преобразовать в html разметку.
То есть на сервере у вас храниться "Hello world [[image.com/abc.jpg]] hello world"
Клиент запрашивает эти данные от сервера. И преобразует в

<p>Hello world <img src="image.com/abc.jpg"></img> hello world</p>

и вставляет в ваш html код.
Также на этом же принципе можно сделать любые другие модификаторы текста.
Так вот ваша задача это придумать такую разметку и написать скрипты для кодирования и декодирования. Или же вы можете использовать готовые решения. Одно из таких решений я уже привел: markdown.

[Nube]

Ivan Sharapenkov, Спасибо!

Answer 2

[ThunderCat]

Картинки и видео вставляются прямо в тело поста(как ссылки), отдельно по ним в базе не ведется никаких записей. Если для вас суперкритично отслеживать их хранение на сервере - при добавлении изображения на клиенте ставьте в дата-атрибут какую-либо метку(можно даже имя файла сразу) и при добавлении статьи на сервере уже регулярками вытаскивайте все линки на картинки и пишите в базу.

Comments

[Nube]

Спасибо!

Answer 3

[Kalombyr]

Доброго дня.
Создаёте отдельные таблицы для картинки/видео/etc.
Соответственно в таблице картинок храните путь расположения картинки на сервере (её параметры/etc), для видео аналогично.
Так же создаёте таблицу для связей айдишников из этих таблиц к айдишнику поста.

При сохранении поста соответственно заполняете таблицы картинок/видео.
В самом посте ставите "метки", например "Не смешная картинка {embed type="picture" id="123"}, которой сто лет."
При выводе поста соответственно выбираете все эти зависимости из таблицы, заносите (к примеру) в массивы по типа, где ключом будет айдишник из таблицы, и при разборе поста (регулярными выражениями, к примеру) заменяете метки на сами картинки/видео/etc. Например, нашли метку {embed type="picture" id="123"} значит берёте из массива pictures[123] и заменяете эту метку на img src="pictures[123]" ....

Comments

[Nube]

Спасибо!