javascript - 在 bootstrap typeahead 中使用 HTML - 如何清理文本输入框的 html

Question

我需要在 Bootstrap 输入框中使用 HTML，以允许我缩进项目。

要得到这样的东西:

Top-Level-Item
   Indented item
Next Item (Unindented)

我通过将 HTML 放入预输入数据源中来实现此目的，如下所示:

var ajaxData = {json: JSON.stringify(["Top-Level-Item<br />&nbsp;&nbsp&nbsp;Indented Item","Next Item (Unindented)"])};

这在您获得的预输入“下拉样式”框中工作得很好，但是当单击包含 HTML 的结果时，带有可读 HTML 标记的结果将被放入文本输入元素中。

请参阅下面的 JSFiddle，它显示了我的意思(开始输入“Alabama”以查看其中包含 HTML 的结果):http://jsfiddle.net/mc0oocj4/

解决这个问题的最佳方法是什么？我正在考虑在更新文本框之前清理 HTML，但我不知道如何实现这一点(文本框的更新是由 Bootstrap 内部厨房进行的，我不想弄乱......)

欢迎非源其他/更好的想法!

Answer 1

你可以做这样的事情

$('.typeahead').on('change', function (e) {
     this.value = this.value.replace(/<(?:.|\n)*?>/gm, '').replace(/&nbsp;/gm,'');
});

工作 fiddle http://jsfiddle.net/mc0oocj4/3/