javascript - 在内容可编辑的 div 中选择表格？

Question

我想弄清楚如何在 contenteditable div 中通过 HTML 表格单元格进行制表。我知道大多数人首先会说你为什么要这样做。我正在开发一个文本编辑器，它允许用户在他们想要的任何地方插入一个预先格式化的表格。我已经解决了在用户光标处动态插入表格的问题，但我无法弄清楚如何让用户从内容到 html 表格以及通过每个单元格进行制表。我已经尝试过输入框，允许它们通过选项卡切换，但它在每个 Angular 上留下选择器栏，并且仍然需要用户双击单元格以添加内容。我也只尝试过表格单元格，它不会跳到它只是跳过它们的单元格。任何帮助将不胜感激......在征服了用于插入表格的光标跟踪之后，我以为我在家免费...... :(

  <div id="divbilltext" runat="server" contenteditable="true" style="height:auto;">
                        <table>
                            <tr>
                                <td>
                                <input type="text" id="a" tabindex="1"/>
                                </td>
                                <td>
                                <input type="text" id="b" tabindex="2"/>
                                </td>
                                <td>
                                <input type="text" id="c" tabindex="3"/>
                                </td>
                            </tr>
                        </table>

                      </div>

Answer 1

tabindex 将是实现这一目标的最一致的方式:

http://www.w3.org/TR/html4/interact/forms.html#adef-tabindex

但是 tabindex 仅受特定元素支持:A、AREA、BUTTON、INPUT、OBJECT、SELECT 和 TEXTAREA。