javascript - 在子元素/ trumbowyg 中查找匹配项

Question

我有一个表格，我必须用 trumbowyg 检查 textarea/div 中的元素。

$("#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

向 div 添加文本时，trumbowyg 中的类似解决方案不起作用

Answer 1

Trumbowyg 编辑器有特别活动：（tbwchange来自http://alex-d.github.io/Trumbowyg/documentation.html）。

你应该只替换一行

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

至

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

在小提琴上完成：http: //jsfiddle.net/f1m33312/6/