Как разместить перетаскиваемый текстовый объект среди текста в текстовом поле?

То, что мне нужно, это тип текстовой оболочки/токена, который Gmail использует по крайней мере в своих полях ввода адреса. Объекты представлены в виде ящиков, которые перетаскиваются, имеют заголовок и несут по крайней мере адрес электронной почты в качестве содержимого (хотя сам контент не предоставляется пользователю). Что-то вроде поля тегов Stackoverflow, если вы не знакомы с Gmail.

На самом деле Gmail или stackoverflow не являются прекрасными примерами, так как я пытаюсь внедрить этот тип обернутого содержимого в текстовые поля, чтобы их можно было перетаскивать среди текста, но конкретно таким образом, чтобы их собственный контент был безопасен от модификации. Причина в том, что в нашей компании сотрудники, не ориентированные на ИТ, регулярно редактируют большое количество текста с большим количеством встроенного кода, который, очевидно, все еще должен работать отлично даже после нескольких изменений.

Я, конечно, предпочитаю легкие методы работы с клиентами, такие как js, но приветствуем любые комментарии. Благодаря :)