Css 如何在文本区域中默认包含图标

我试图在textarea中插入一个图像，但除了使用textarea的

contenteditable=“true”

属性之外，这似乎是不可能的。同时，我检查了网站，我发现这是可能的。我不知道是怎么做到的。通过使用div，这真的是一个textarea还是一些css技巧？如何实现相同的功能

下图是该功能的表示：

---

您必须使用覆盖文本区域的div，以便选择图像并以多部分形式提交表单。 这完全是CSS的游戏。 您可以使用绝对div来定位按钮或图像，只需计算文本区域的位置w.r.t。

---

查看这篇文章，类似的帖子在

你必须使用覆盖文本区域的div，这样你就可以选择图像并以多部分的形式提交表单。 这完全是CSS的游戏。 您可以使用绝对div来定位按钮或图像，只需计算文本区域的位置w.r.t。

---

查看这篇文章，类似的帖子位于

对于类似的内容，最好使用

和
.blur（）
事件将文本区域与元素交换，以显示更复杂的显示。你可以玩的

HTML:

JQuery：

$('.text-area').click(function() {
   $(this).hide();
   $(this).parent().find('textarea').show();
});
$('textarea').blur(function() {
   $(this).parent().find('div').text($(this).val()).show();
   $(this).hide();
});

您可以将我的示例更进一步，使用div和textarea的CSS，以便它们的外观最终相互匹配。我以前做过，可以使它与跨浏览器兼容。
对于类似的事情，最好使用
和
事件将文本区域与元素交换，以显示更复杂的显示。你可以玩的

HTML:

JQuery：

$('.text-area').click(function() {
   $(this).hide();
   $(this).parent().find('textarea').show();
});
$('textarea').blur(function() {
   $(this).parent().find('div').text($(this).val()).show();
   $(this).hide();
});

您可以将我的示例更进一步，使用div和textarea的CSS，以便它们的外观最终相互匹配。我以前做过，它可以跨浏览器兼容。
如果您检查浏览器中的元素，您可能会发现图标完全位于文本区域上方。棘手的部分将是如何通过一个可调整大小的文本区域来实现这一点。在这种情况下，您可能需要使用javascript计算textarea的大小，并将这些尺寸应用于包含的div元素。如果您在浏览器中检查该元素，您可能会发现图标完全位于textarea上。棘手的部分将是如何通过一个可调整大小的文本区域来实现这一点。在这种情况下，您可能需要使用javascript计算textarea的大小，并将这些尺寸应用于包含的div元素。这是否意味着，我需要检查浏览器窗口的高度和宽度是否相同，同时我还必须检查textbox的大小？请检查此，类似的文章在我得到了它如何找出它！感谢链接：）欢迎0访问∞ :)  你只需要想一想如何设计风格，这是否意味着，我需要检查浏览器窗口的高度和宽度是否相同，同时我还需要检查文本框的大小？看看这个，类似的帖子在我得到了它如何计算出来！感谢链接：）欢迎0访问∞ :)  你只需要想一想如何设计风格
$('.text-area').click(function() {
   $(this).hide();
   $(this).parent().find('textarea').show();
});
$('textarea').blur(function() {
   $(this).parent().find('div').text($(this).val()).show();
   $(this).hide();
});