找到匹配的子元素/ 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/