Bootstrap Tags Input - Добавить между тегами

Question

У меня есть поле ввода тега, где я должен внести некоторые изменения. Например, у меня есть это поле ранее ->

переместить курсор назад с моими клавишами со стрелками и удалить «тест» тег ->

Затем я вновь ввести его еще раз в том, что То же местоположение ->

Я нажимаю стрелку вправо и помещаю курсор обратно в его местоположение. Я отправлю форму, как показано на предыдущем снимке, с порядком «тест, фраза». Но результат приходит как «фраза, тест». Я хотел бы сохранить порядок, в котором я его редактировал. Любая идея, что здесь не так?

HTML-код->

<div class="col-md-8 col-xs-12"> 
    <input type="text" data-role="tagsinput" class="form-control" name="phrases" placeholder="Enter Phrases In Order" value="<?php echo $phrases;?>" required> 
</div> 

РНР переменная $ фраз в настоящее время MySQL полученное из в формате разделенных запятой.

$phrases="test,phrase"; 

Не так много кода. Я просто хочу сохранить заказ после того, как я его отредактировал.

Answer 1

Я провел некоторое исследование по этому вопросу, и я не мог найти какой-либо пользовательской опции в документации для решения этой проблемы. Я придумал легкое исправление, где вы можете немного модифицировать код bootstrap-tagsinput.js. Я надеюсь, что это поможет вам.

Найти эту строку кода:

self.itemsArray.push(item);

и заменить его с этим:

self.itemsArray.splice(self.findInputWrapper().index(), 0, item); 

Вы можете сделать console.log($("input").tagsinput('items')); увидеть возвращенную array после изменения тегов.

.push() добавляет значение в конец array, но когда вы используете .splice(), вы можете указать позицию, где его добавить.

Это должно решить вашу проблему.