Попытка создать гиперссылку «hashtag» при вводе текста в текстовое поле

Question

Я создаю сайт, на котором пользователи будут размещать текст. Одно из текстовых полей на странице «проводки» - для тегов/хэштегов. Пользователь вводит это текстовое поле «#food» или «food», но как только они попадут в пробел, я хотел бы, чтобы каждое из этих слов было наложено на гиперссылку .... который после размещения будет отображаться на пост в виде гиперссылки для других пользователей.

ie. JUST, как поле «Теги» здесь, в stackoverflow, поскольку я отправляю этот вопрос.

Кто-нибудь знает, как сделать текстовое поле для этого?

Answer 1

Не используйте для этого встроенные объекты. Вместо этого используйте редактируемый div;

<div id="myInputBox" contenteditable="true"></div> 

Вы также можете сделать свой входной ящик блочного типа, но я не уверен, что все браузеры будут соблюдать эти правила вставки сложной разметки внутри тега.