获取javascript中的textext标记

Get textext tags in javascript?

本文关键字:标记 textext 中的 javascript 获取      更新时间:2023-09-26

大家好,我有这个问题,真的不知道如何解决:我在我的网站上使用Textext工具,我在文本区域键入所有标签,但当我需要标签时,我无法获得它们,这是我的代码:

html代码:

<textarea id="tagsa" rows="1" cols="70" style="color: black;"   placeholder="Add Your Article Tags.. Max=7" ></textarea>

这是我的textext jquery代码:

 function checkLength() {
            if ($("#tagsa").next().children().length < 7) {
                return true;
            }
            return false;
        }
$('#tagsa').textext({
    plugins: ' prompt  autocomplete ajax arrow clear  suggestions tags',
    prompt: 'Add one...',
    ajax: {
        url: '../data.json',
        dataType: 'json',
        cacheResults: true
    },
    tagsItems: eval(get_suggestion()),
    //eval(get_suggestion()),
    ext: {
        tags: {
            addTags: function (tags) {
                if (checkLength()) {
                    $.fn.textext.TextExtTags.prototype.addTags.apply(this, arguments);
                }
                else
                    alert("Only 7 Tags Allowed");
            }
        }
    }
}).bind('tagClick', function (e, tag, value, callback) {
    var url = "Finder.aspx?tag=" + value;
    window.location = url;
}).bind('isTagAllowed', function (e, data) {
    var formData = $(e.target).textext()[0].tags()._formData,
        list = eval(formData);
    // duplicate checking
    if (formData.length && list.indexOf(data.tag) >= 0) {
        data.result = false;
    }
});

我试过这个:

  alert(document.getElementById("tagsa").value)

但它没有显示内部文本/标签

有人能帮我吗?

我在插件的文档中找不到这个操作,但在深入研究代码后,我找到了一种方法。

$('#textarea').textext({
  plugins: 'tags',
  tagsItems: [ 
    'PHP', 'Closure', 'Java' 
  ]
});
$('#btn').click(function(){
  var tags = $('#textarea').textext()[0].tags()._formData;
  
  $('#result').html(JSON.stringify(tags));
});
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-textext/1.3.0/jquery.textext.min.js"></script>
<textarea id="textarea"></textarea><br />
<button id="btn">Show Tags</button>
<hr />
<pre id="result"></pre>

http://jsbin.com/joquga

你确定你指的是正确的元素吗?我刚刚在我的本地机器中尝试了你的例子,我得到了所有的内部标签。