Помогите доработать скрипт

Здравствуйте уважаемые форумчане! Есть код на javascript, который при клике на слово меняет его на заданное. Если кликнуть повторно, то это слово добавляется повторно и вся конструкция окружается фигурными кавычками.
То есть было слово текст. После клика по нему оно заменилось на слово текст1. Кликнули еще раз, образовалась конструкция {текст1|текст1} и т.д…
Сам код: https://jsfiddle.net/sa26uwxt/381/

Как сделать переключатель и дописать код, чтобы после переключения при клике удалялось конкретное слово?
То есть кликнул в конструкции на второе слово текст1, а именно {текст1|текст1|текст1} и осталась конструкция {текст1|текст1}, а выделенное выше слово удалилось. И в конце если осталась конструкция {текст1|текст1}, то при удалении одного из слов окружающие фигурные скобки тоже убирались, оставляя просто слово?

Тут придётся тебе повозится, использовать event.target и обрамлять всё внутри блока в span-ы, потом при клике надо распознать какой span был нажат и удалить его. После если спан остался всего один нужно убрать ковычки вокруг него которые тоже в span находятся, тут тебе пригодится метод insertAdjacentElement, следуя такой логике можно получить нужный код.