Auto-tag TV type in NewsPublisher

/**
     * Gets the possible tags from the preList Tpl chunk and, if not empty,
     * injects the HTML and JS code to let user add tags by clicking on the buttons
     */
    protected function setTags() {
        $tags = '';
        $tagChunkName = $this->modx->getOption('prefListChunkName', $this->props, 'sbsPrefListTpl');
        $tagList = $this->modx->getChunk($tagChunkName);
        if (!empty($tagList)) {

            $src = '<script type="text/javascript">
function nf_insert_tag(tag) {
    var text = document.getElementById("nf_tags").value;
    if (text.indexOf(tag) != -1) {
       text= text.replace("," + tag + ",","," );
       text = text.replace(tag + ",","");
       text = text.replace("," + tag,"");
       text = text.replace(tag,"");
    } else {
        if (text) {
        text = text + "," + tag;
        } else {
          text = tag;
        }
    }
    var tagArray = text.split(",");
    tagArray.sort();
    text = tagArray.join(",");
    document.getElementById("nf_tags").value = text;
return false;
    }
</script>';

            $this->modx->regClientStartupScript($src);
            $tags = '<p>';
            $tagArray = explode('||', $tagList);
            natcasesort($tagArray);
            $i = 0;
            foreach ($tagArray as $t) {
                $t = strtolower($t);
                $pos = strpos($t, '==');
                $tag = $pos ? substr($t, $pos + 2) : $t;
                $tag = trim($tag);
                $tags .= '<button name="button' . $i . '" id="button' . $i . '" type="button" class="nf_tag" onclick="nf_insert_tag(' . "'" . $tag . "'" . ');"' . '">' . $tag . "</button>\n";
                $i++;
            }
            $tags .= '</p>';
        }
        $this->modx->setPlaceholder('nf_tag_list', $tags);
    }

case 'autotag':
                $formTpl .= $this->_displaySimple($name, 'TagOuterTpl', '');
                break;

<div id="np-[[+npx.fieldName]]-container" class="np-text">
  [[+np.error_[[+npx.fieldName]]]]
  <label class="fieldlabel" for="np-[[+npx.fieldName]]" [[+npx.readonly]] title="[[+npx.help]]">[[+npx.caption]]: </label>
  <input name="[[+npx.fieldName]]" class="text" id="np-[[+npx.fieldName]]" type="text"  value="[[+np.[[+npx.fieldName]]]]"  maxlength="[[+npx.maxlength]]" />
</div>

[[!tagLister? &tv=`tags` &tpl=`npTagTpl` &parents=`1` &limit=`100`]]

<script>
function toggleTag(t){
  var val = document.getElementById("np-[[+npx.fieldName]]").value;
  var tags = val ? val.split(',') : [];
  var index = tags.indexOf(t);
  if(index > -1){
    tags.splice(index, 1);
  }else{
    tags.push(t);
  }
  document.getElementById("np-[[+npx.fieldName]]").value = tags.join(',');
}
</script>

<button class="toggleTag" type="button" name="toggleTag-[[+tag]]" onclick="toggleTag('[[+tag]]')">[[+tag]]</button>

case 'number':
                $formTpl .= $this->_displaySimple($name, 'IntTpl', $this->intMaxlength);
                break;