делает все то же самое, что и хак из этой темы
за тем исключением, что предпросмотр текста можно увидеть только кликнув по соотв. кнопке* под словом "Сообщение", а не при наборе текста
клик по этому слову работает так же, скрывает кнопку предпросмотра и не показывает ее пока не нажать снова
сделал такой вариант как альтернативу (он же и установлен в данный момент на саппорте)
используется только свой обработчик на яваскрипт, xbbcode.js удален из дистрибутива за ненадобностью
* отправляется запрос из яваскрипта в свой пхп скрипт, который парсит ббкоды и отправляет обратно в браузер уже отформатированный текст
запросы в БД так же НЕ осуществляются, работает только парсер ббкодов, но уже на пхп
в этом варианте парсятся все ббкоды, которые есть на форуме, в том числе и смайлы
инструкция по установке в архиве

Скачать: Message Quick Preview AJAX (4.4 Кб)

А если сделать листенер по тайм-ауту, т.е. чтобы срабатывал запрос в аякс после, скажем трёхсекундной паузы в наборе текста?

и когда останавливать таймер?
можно предположить, что после отправки поста
но если узер набил несколько строк текста и умотал по делам на пол дня, а вкладку с этим редактором оставил открытой?
я изначально рассматривал возможные варианты
ничего не придумалось кроме тех двух, что уже выложил, это:
парсинг ббкодов при наборе текста, но без использования PHP + Ajax - только голый яваскрипт
парсинг ббкодов по клику на кнопке предпросмотра, с использованием PHP + Ajax - но без парсера ббкодов на яваскрипте (он здесь ну никак не нужен вобщем то )
если есть идеи/варианты - делайте =)
скрипты публичные и бесплатные
будет рабочий вариант, поделитесь в соотв. разделе

Originally Posted by kerk

но если узер набил несколько строк текста и умотал по делам на пол дня, а вкладку с этим редактором оставил открытой?

То предпросмотр выполнится один раз, примерно через 3 секунды после окончания ввода?
Там же по-идее событие просто будет ставить флаг, который таймер будет периодически просматривать и на его основании принимать решение. Получил предпросмотр, выставил флаг в false и уснул, до тех пор пока пользовательский ввод (Какой-нибудь keyUp там или типа того) не выставит его обратно.
Ну или вообще на каждое нажатие создавать свой таймер с перезаписью в последующих. Не было нажатия за три секунды - таймер выполнился, были - он перезаписался и выполнится лишь через 3 секунды с момента последнего нажатия.

setTimeout()
или
setInterval()
?

В первом случае интервал, во втором timeout.
В псевдокоде в первом случае:

var changedFlag = false;
setInterval(function() {
 if(changedFlag) constructPreview();
}, 3000);
document.addEventListener('keyup', function() { changedFlag = true; });

Во втором

var timeout;
document.addEventListener('keyup', function() {
if(timeout) clearTimeout(timeout);
timeout = setTimeout(constructPreview, 3000);
});

Вроде примерно так выходит.

Core dumped добавил 15.07.2015 в 00:40
Ой ей-ей, в первом конечно же после constructPreview changedFlag = false надо ставить. Вот как раз пример того, как не хватает правки своих постов.

Originally Posted by Core dumped

document.addEventListener('keyup', function() { changedFlag = true; });

addEventListener - не по феншую
тем более на документе
у библиотеки YUI есть свое

YAHOO.util.Event.on('elementID', "event", myfunction, this, true);

или так (если нужно отследить событие)

// обработчик отправки поста по хоткею Ctrl+Enter
function myfunction(e)
{
    e = e || YAHOO.util.Event.getEvent(e);
    if(e.ctrlKey && ((e.keyCode == 10) || (e.keyCode == 13)))
    {
        var targ = YAHOO.util.Event.getTarget(e);
        qr_prepare_submit(targ.form, 0);
        if(!allow_ajax_qr)
        {
            targ.form.submit();
        }
        return false;
    }
}
// обработчик отлова нажания клавиш
YAHOO.util.Event.on('vB_Editor_QR_textarea', "keypress", function(e)
{
    myfunction(e);
}, this, true);

Originally Posted by kerk

и когда останавливать таймер?

срабатывает 1 раз спустя 3 секунды, потом запускается только после нового нажатия на клавишу.

т.е. пока человек печатает, таймер постоянно перезаписывается и предпросмотр не выполняется?

Originally Posted by kerk

addEventListener - не по феншую

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

Originally Posted by kerk

т.е. пока человек печатает, таймер постоянно перезаписывается и предпросмотр не выполняется?

Ну да, если пойти по второму сценарию. Там это, в общем-то наглядно показано, остается имплементировать логику constructPreview. В первом случае таймер будет всего один, но будет сложнее откладывать выполнение на три секунды после последнего нажатия. То бишь в первом варианте проверка необходимости предпросмотра будет каждые 3 секунды.