javascript - 如何在输入类型文本(文本字段)内创建表格？

Question

我想在文本字段内创建动态大小表(输入类型=“文本”)它是通过单击按钮创建的，在提交整个帖子之前，将在该文本框中填充表格。

因此它是一个用于博客发布的文本框，以便表格将与文本一起发布。

如何做到这一点？ (请以最简单的方式)。

编辑:我在想有没有办法突出显示文本的某个部分并从那里应用表格 html 标签 <table><th><td> ？但是标签属性呢？

Answer 1

您无法在输入内创建表格。

⋅⋅⋅

但是您可以使用带有 contenteditable 属性的 div 来创建可修改的表格:

table td{
  border: 1px solid black;
  padding: 4px 12px;
}

<div contenteditable=true>
  <table>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
    <tr>
      <td>4</td>
      <td>5</td>
      <td>6</td>
    </tr>
    <tr>
      <td>7</td>
      <td>8</td>
      <td>9</td>
    </tr>
  </table>
</div>

希望有帮助。