HTML+CSS+JavaScript

Спасибо, sim5, за терпение, подробные объяснения и советы. Теперь все понятно!

Тогда другое дело. Ну тогда без ВВ-вставок не обойтись. Просто надо будет связать вставку ВВ-кода (ссылку на изображение) с идексом изображения в массиве, а при получении текста на сервере, добавлять не подпись к изображению, а номер по порядку в тексте, а src изображению естественно имя присвоенное на сервере. При этом поле ввода подписи для изображения не нужно.

Дело в том, что в реальности это будет скорее технический текст (хотя не обязательно), где текст идет вместе с формулами, например.

А какой смысл в текст сообщения вставлять подпись к рисунку? Ну вы ведь читали текст, где есть ссылка на рисунок, например:
"бла-бла-бла см. Рис. 13"
Но эта сноска оправдана для описания схем, например, или иного, где обязательно требуется указание, так как таких рисунков может быть много. Хотя, можно и обойтись без этого, тем более, если это литературный текст:

//1параграф
"Я вчера с друганами ловил кайф на берегу моря..."
//2параграф
//3параграф
.........
//Nпараграф
//картинка с подписью "Наш кайф на море"
<img src="path/image.ext">
//NNпараграф
.......

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

Все равно я не получил ответ на свой вопрос.
Если пользователь пишет такое сообщение:
"бла-бла рисунок бла-бла рисунок бла-бла-бла"
Исходя из Ваших объяснений нельзя определить в каких именно местах находятся рисунки.

Вот у меня возникла такая идея. По нажатию кнопки "Добавить рисунок" открывается форма для выбора файла и всех параметров рисунка. После нажатия кнопки "Принять" файл загружается на сервер, а в textarea добавляется текст:
[pic]подпись к рисунку[/pic]
Как Вы к этому относитесь?

>Записываю куда?

Ну вот этого я не заню, это уж вы определяете папку для записи изображений на сервер. Думаю, вы знаете, что после их загрузки они ложаться во временную директорию сервера под временным именем, и ваша задача премещать их от туда. Например, вы будете сохранять изображения в папке images/publish, тогда ваши ссылки на картинки должны указывать этот каталог. А для нанесения надписи на изображении, вы должны брать загруженное изображение именно то, которое лежит во временной папке, и после нанесения изображения на него, помещать в выбранную вами папку.

>Этот текст находится где?

Этот текст чего? Подписи к изображению? В поле ввода, например:

<form action="" method="post" enctype="multipart/form-data"> Сообщение: <textarea cols="30" rows="5" name="message"></textarea><br> Изображение 1: <input type="file" name="image[]"><br> Подпись 1: <input type="text" name="descriptor[]"><br> Изображение 2: <input type="file" name="image[]"><br> Подпись 1: <input type="text" name="descriptor[]"><br> Изображение 3: <input type="file" name="image[]"><br> Подпись 1: <input type="text" name="descriptor[]"><br> </form>

Здесь поле ввода сообщения, и два массива - первый добавляемых изображений, а второй подписи к ним. Проверяйте их наличие, проводите соответствующие операции и сохраняйте.

>И все-таки, в textarea что-нибудь добавляется после выбора файла?

Кроме сообщения автора (и хорошо бы со вставкой ВВ-кода параграфов [Р][/Р]) какой смыл в него чего либо вставлять?

>Может, в Вас есть ссылки на сайт, где реализовано что-то подобное?

Если бы и была, то вы все равно увидите только клиентскую часть (HTML-код), и для чего все это служит, и как работает сторона сервера, вы ведь все равно не увидите.

Спасибо за такое подробное объяснение. В принципе все понятно, кроме самого главного.

>При получении изображения, и, если есть, подпись к нему (длину которой нужно тоже ограничить), с
>помощью библиотеки GD добавляете ее к изображению, и с этой подписью записываете это
>изображение.

Записываю куда?

>Ну а далее с помощью атрибутов изображения align, hspace, vspace можно разместить его (их) среди параграфов текста.

Этот текст находится где?
И все-таки, в textarea что-нибудь добавляется после выбора файла?
Может, в Вас есть ссылки на сайт, где реализовано что-то подобное?

Во-первых, нужно добавить вставку ВВ-кода в поле ввода сообщения, чтобы дать пользователю возможность разделять текст своего сообщения на параграфы. Можно конечно разделять его и по нажатию Enter, но это чревато ошибками при explode(). Форма ввода должна иметь возможность динамического добавления полей file и text, ведь изображение может вообще не добавляться, а может быть добавлено несколько, а сколько не известно (хотя это надо ограничивать). Далее можно поступить одним из способов (в любом из них лучше всего применять различные шаблоны, под разные ситуации):

1. Положение картинок и текста на странице, задается с помощью элементов DIV.
2. При получении изображения, и, если есть, подпись к нему (длину которой нужно тоже ограничить), с помощью библиотеки GD добавляете ее к изображению, и с этой подписью записываете это изображение. Ну а далее с помощью атрибутов изображения align, hspace, vspace можно разместить его (их) среди параграфов текста.

В общем все можно продумать: шаблоны, алгоритм вывода котента в шаблон и прочее.

Да, хорошее решение. Но как быть, если рисунок нужно вставить в середину текста, или вообще рисунков может быть несколько в разных местах текста?

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