怎样在文本后边加一个图标，能让这个图标一直跟着文本的最后？

Question

如题，比如O(∩_∩)O是个图标，例子就类似：我都要愁死了O(∩_∩)O我都要愁死了，我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了我都要愁死了O(∩_∩)OO(∩_∩)O这个图标一直在文本的后面，求大神指点这个涉及到什么，用前端方面的什么技术做？最好能上代码或者类似的资源，谢谢啦~

Answer 1

行内元素设置contenteditable属性为true，充当输入框，后面接行内块元素（图片）

eg：

<span contenteditable="true">在这输入</span><span style="
    width: 20px;
    height: 20px;
    background-color: red;
    display: inline-block;
"></span>

Answer 2

额，是输入的时候一直跟在后面，还是输入完之后呢