在子元素/ trumbowyg 中查找匹配项答案

【问题标题】：find match in child elements / trumbowyg在子元素/ trumbowyg 中查找匹配项
【发布时间】：2016-10-02 05:27:41
【问题描述】：

我有一个表单，我必须使用 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 中的类似解决方案不起作用

【问题讨论】：

真的，谢谢匿名 ;-)
因为事件发生在编辑器元素而不是文本区域中。检查它生成的实时 html

标签： javascript jquery trumbowyg

【解决方案1】：

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

你应该只替换一行

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

到

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

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

【讨论】：

PS: Pozdrawiam :)
i również Cię Pozdrawiam ;-)