我在自己看过的其中一篇教程中看到了此代码,但这是将类添加到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查看示例