Question

有人可以提供帮助，我对CSS也不满意，而且，如果该人单击选择文件，我想显示图像名称

ContextHandler

$(document).ready(function(){
$('.btn-toolbar').on('click', '#foto', function() {
        $('#fotoInput').trigger('click'); 
	});
  
$('.btn-toolbar').on('click', '#texto', function() {
        $('#postText').focus(); 
	});
});

Answer 1

我认为您将需要做position：fixed;对于元素，然后根据需要放置它们，因为文本区域无法包装任何元素。但是，这不会响应。

#postText{
  margin:5px;
  position:fixed;
  top:0;
  height:30%;

  background-color: transparent;
}

#foto{
  position:fixed;
  top:23%;
  left:9%
}

#texto{
  position:fixed;
  top:23%;
  left:1%;
}

.btn-success{
  position:fixed;
  top:23%;
  right:1%;
}

我在这里做过： https://codepen.io/mustafa-anas/pen/RqqMyj?editors=1100

Answer 2

使用contenteditable = true代替使用textarea。您可以将html添加到div

如何将按钮放在文本区域内并限制文本区域大小？

2 个答案: