Pan Smart Form Insert Links: умная форма для вставки ссылок с тегами

Grand91, костыль на сегодня: в расширении в каталоге со стилями, в том стиле, который у Вас подключается (можно и в обоих)  файл pan_form_insert_link.css.
В конце допишите

@media screen and (max-width: 600px){
#pan_form_insert_link {position: absolute;left: 5%!important;}
}

PunBB, Логично именно сюда (по интерфейсу) ещё [img ][ /img] прицепить.  Или помудрить парсер, чтоб сам цеплял url картинок, и обрамлял тегами подобно тому, как он цепляет брошенные просто в текст ссылки.

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

И нужно очень серьёзно отнестись к позиционированию. Малейшее отклонение будет бесить. Форма должне быть чётко раз и навсегда одинаково припозиционирована к кнопке.

И это совсем не отменяет желательности внести это в ВВ коды навсегда  https://punbb.softplaza.net/post4848.html#p4848

kisa, Grand91, предлагаем решения, добавим.
К каждой теме свой цвет. Не нужно украшать все на свете под фон своего форума 
Пока лангов нет, должно ума хватить чтобы разобраться чту куда вставлять....

Таак, лучше напомните как ланги вывести в переменные JS средствами punbb, тогда дело быстрее сдвинеться с места

PunBB,  Ыыы что-то я подзабыл   Но рус-укр-бел с меня, если что
Grand91, может не в той папке файл правили. В расширении в стилях две папки - Дефолт и Оксиген с одинаковым содержимым.

Grand91, позиционирование влево/вправо можно задать в скрипте pan_form_insert_link.js.

Смотрите блок:

      $("body").append('<div id="pan_form_insert_link" class="form-pos" style="left:'+(e.pageX+15)+'px;top:'+(e.pageY+15)+'px;"><form><input name="q_link" class="q-input-link" value="" type="text" size="33" placeholder="https://"><input name="q_text" class="q-input-text" value="" type="text" placeholder="Description(optional)"><input  id="pan_smart_form_button" class="q-input-button" value="Insert" type="button"></form></div>');

присвойте значение e.pageX либо +N для сдвига вправо, либо -N для сдвига влево. Например e.pageX-30

Не качается

hi...not work 

jQuery 1.7.1

Так, довёл до своего форума за ручку. Вроде фунциклирует.

Однако, мне не понравилось:
Позиционирование - на вертикальной мобиле уходило за экран, да и неприятно закрывало кусок текста поста вверху.
Цвет - на многих мониторах он неприятно-синюшный, и не ко всем темам идёт.
Какая-то разлапистость полей - они большие и вкупе с синюшным цветом это окончательно попирало мой изысканный вкус   . 

Приятным нашёл позиционирование 

"left:'+(e.pageX-150)+'px;top:'+(e.pageY-90)+'px;"

У себя разрисовал под цвет дефолтной темы форума, а вообще универсальный белый рулит.
Поля уменьшил.
Ну и русифицировал - у меня англичан пока нет на форуме.
С белым на оксигене это выглядит так:

Вдруг кому-то понадобится в таком виде, вот: This content is available only to registered users.

Дык, на моём форуме  и по-русски хорошо, а здесь - по-английски. А по уму и приятности для людей - конечно с выбором надо. Но ланга нет. Я б попереводил для всех, до кого дотянуться могу, плюс Mara Kat не отказала бы во французском.

Можно ли как-то добавить в расширение обработку клавиш Esc/Enter? Сейчас Enter в форме с двумя полями вообще игнорируется, а когда выделяешь текст (форма с одним полем) и нажимаешь Enter - кидает на страницу с ошибкой "Неверный запрос. Ссылка, по которой вы пришли, неверна или устарела."