html - 将响应按钮放在 TextArea 中

Question

我开发了一个文本区域，让我可以将人们联系起来。我的问题是放置响应按钮(总是在右下角)并使文本不“通过”它。

谁能帮帮我？

DEMO

CSS

.Sendbtn {
  width: 30px;
  height: 30px;
  height: auto;
  float: right;
   margin-right: 21px;
  margin-top: -76px;
  position: relative;
  cursor: pointer;
}

HTML

  <dx-html-editor>
    <dxi-mention
      valueExpr="text"
      displayExpr="text"
      [dataSource]="employees"
    ></dxi-mention>
  </dx-html-editor>
  <img
    class="img-responsive Sendbtn"
    src="https://www.freepnglogos.com/uploads/search-png/search-icon-clip-art-clkerm-vector-clip-art-online-0.png" alt=""/>

问题

文本越过按钮 :(

Answer 1

如果深入研究 dx-html-editor 元素，您会发现 <p>包含文本的元素。如果你给它一个margin-right文本将停止在按钮上运行。

.dx-htmleditor .ql-container .ql-editor p {
    margin-right: 30px;
}

您可能需要尝试使用精确的选择器才能使其完全正确，但这应该是朝着正确方向迈出的一步。