Question

使用编辑器模板jquery我想检查标签是否已添加为{title}格式，以便以后能够在查看模板时替换它们。

不幸的是，或者检查我只是更正一个标签，或者如果标签前面还有一个单词也表示不正确。

问题还在于使用HTML编辑器输入标签时的情况，然后它采用<p> {title} </p>形式，并且没有正确验证表格。

我试图以某种方式克服，但很难

＆＃13;

$('textarea').keyup(function() {
  var val = this.value;
  var my = $(this).val();
  if ( val.search(/{event_title}/) == 0 ) {
    $( "p.eventTagTitle" ).addClass( "true" );
  } else {
    $( "p.eventTagTitle" ).removeClass( "true" );
  }
  if ( val.search('{event_form}') == 0 ) {
    $( "p.eventTagForm" ).addClass( "true" );
  } else  {
    $( "p.eventTagForm" ).removeClass( "true" );
  }
  if ( val.search('{event_author}') == 0 ) {
    $( "p.eventTagAuthor" ).addClass( "true" );
  } else {
    $( "p.eventTagAuthor" ).removeClass( "true" );
  }							  
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<p class="eventTag eventTagTitle">title</p>
				  <p class="eventTag eventTagForm">form</p>
				  <p class="eventTag eventTagAuthor">author</p>
				  <style>
				   .eventTag {color:red;}
				   .eventTag.true {color:green!important;}
				  </style>

<textarea type="text" name="eventTemplateBody" class="form-control" id="eventTemplateBody"></textarea>

＆＃13;

Answer 1

查看以下解决方案：

我必须将绿色更改为蓝色，以便我可以看到它是否正常工作，我删除了C:\Users\user\Desktop\标记。

CSS：

!important

HTML：

<style type="text/css">
    .eventTag {
        color: red;
    }
    .eventTag.true {
        color: blue;
    }
</style>

JAVASCRIPT：

<p class="eventTag eventTagTitle">title</p>
<p class="eventTag eventTagForm">form</p>
<p class="eventTag eventTagAuthor">author</p>
<textarea type="text" name="eventTemplateBody" class="form-control" id="eventTemplateBody"></textarea>

检查它包含的textarea

1 个答案: