如何围绕元素折叠文本？

Question

我有一个文本字段，它将文本附加到<li>元素，我希望它附加到li元素的文本以非常具体的方式排列。我想可能会添加一个小图像，并用css使该图像不可见。有更传统的方式吗？

I want to be able to have text like this then(invisible element)
makes the text continue here(invisible element)
and here.

Answer 1

当您将文本弹出到该元素时，还要向其添加一个css类

并定义css类，如

.icon{

background:url(my_desired_image.png) no-repeat size;
// other styles 
}

然后每当元素从字段获取文本时，它将添加类，类将同时显示她的图像

喜欢

I want to be able to have text like this then <i class="icon"></i>
makes the text continue here< i class="icon"></i>
and here.

<i class="icon"></i>

是你不可见的元素