找到匹配的子元素/ trumbowyg

Question

我有一个表格，我必须检查textarea/div与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时添加文字的div

Answer 1

Trumbowyg编辑器有特电子不起作用发泄：tbwchange（来自http://alex-d.github.io/Trumbowyg/documentation.html）。

你应该只更换一条线

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

到

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

做了小提琴：http://jsfiddle.net/f1m33312/6/