Javascript 如何在div中包装InsertTable命令生成的表

我在我看过的一个教程中看到了这段代码，但这段代码将类添加到

表

元素中

var RadEditorCommandList = Telerik.Web.UI.Editor.CommandList;

var table = RadEditorCommandList["InsertTable"];
RadEditorCommandList["InsertTable"] = function (commandName, editor, args) {
    table(commandName, editor, args);
    var p = editor.getSelectedElement().parentNode.parentNode.parentNode;
    p.classList.add("editor-table")
};

我想知道如果我想将表包装在

div

中，如何扩展此命令，下面是我失败的尝试（它不再在编辑器上显示表）：

使用，您将使用args.get_value（）方法获取插入的表，将其修改为div包装，并通过args.set_value（）方法粘贴

您可以在以下位置查看示例：

var table = Telerik.Web.UI.Editor.CommandList['InsertTable'];
Telerik.Web.UI.Editor.CommandList['InsertTable'] = function(
  commandName,
  editor,
  args
) {
  table(commandName, editor, args);
  var wrapper = document.createElement('div');
  wrapper.classList.add('table-wrapper');
  var p = editor.getSelectedElement().parentNode.parentNode.parentNode;
  wrapper.appendChild(p);
};