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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在div中包装由InsertTable命令生成的表相关的知识,希望对你有一定的参考价值。

我在我看过的其中一个教程中看到了这个代码,但是这个代码在table元素中添加了类。

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中,我怎么能扩展这个命令,这是我失败的尝试(它不再在编辑器上显示一个表):

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);
};
答案

使用OnClientPasteHtml client-event,您将使用args.get_value()方法获取插入的表,将其修改为div包装器并通过args.set_value()方法粘贴它。

你可以在https://www.telerik.com/support/kb/aspnet-ajax/editor/details/inserting-new-tables-with-a-header-row-as-default查看一个例子

以上是关于如何在div中包装由InsertTable命令生成的表的主要内容,如果未能解决你的问题,请参考以下文章

HighCharts - 使饼图占 div 的 100%

使用盒子模型在其父 div 中包含项目

WPF如何获取命令行参数

如何在 Maven 生成的 jar 中包含特定文件夹?

如何在 Visual Studio 的发布配置文件中包含动态生成的文件

在 Netsuite 中,如何在从项目履行生成的电子邮件中包含跟踪号列表?