Javascript 在可编辑div中添加选项卡功能

我正在使用一个可编辑的div，希望在其中实现选项卡功能，但不起作用。 当我用HTMLTextArea代替EditableDiv时，效果很好。 以下代码适用于工作正常的文本区域：

<textarea id="txt" style="height: 125px; overflow-y: scroll; resize: none">@Html.Raw(Model.data)</textarea>

但当我在textarea中使用下面的可编辑div时，它就不起作用了：

<div id="txt" contenteditable="true" style="text-align: justify; overflow-y: scroll;">
    <p>@Html.Raw(Model.data)</p>
</div>

@Html.Raw（Model.data）

给div a

tabindex

设置焦点

<div id="txt" tabindex="0" contenteditable="true" style="text-align: justify; overflow-y: scroll;"/>