2016-10-01 4 views
0

У меня есть форма, и я должен проверить элемент в textarea/div с trumbowyg.найти совпадение в дочерних элементах/trumbowyg

$("#test").keyup(function() { 
    var val = $(this).val(); 
    if (val.match(/{event_title}/g)) { 
    $("p.eventTagTitle").addClass("true"); 
    } else { 
    $("p.eventTagTitle").removeClass("true"); 
    } 
    if (val.match(/{event_form}/g)) { 
    $("p.eventTagForm").addClass("true"); 
    } else { 
    $("p.eventTagForm").removeClass("true"); 
    } 
    if (val.match(/{event_author}/g)) { 
    $("p.eventTagAuthor").addClass("true"); 
    } else { 
    $("p.eventTagAuthor").removeClass("true"); 
    } 
}); 

jsfiddle.net/f1m33312/3

но

в trumbowyg не работает

jsfiddle.net/f1m33312/4

аналогичное решение в trumbowyg не работает, если добавить текст в Див

+0

Вы можете редактировать свой вопрос, вместо того, чтобы комментировать, как это. Просто голова. – esote

+0

true, спасибо Anonymous ;-) – Slawotu

+0

потому что события происходят в элементах редактора, а не в textarea. Изучите живой html, который он производит – charlietfl

ответ

0

Trumbowyg редактор имеют специальный е Вентиляция: tbwchange (от http://alex-d.github.io/Trumbowyg/documentation.html).

Вы должны просто заменить одну строку

$("#test").keyup(function() { 

в

$("#test").on('tbwchange', function() { 

Совершено на скрипку: http://jsfiddle.net/f1m33312/6/

+0

PS: Pozdrawiam :) – PsychoX

+0

Отлично, спасибо. – Slawotu

+0

i również Cię Pozdrawiam ;-) – Slawotu