Tinymce 编辑器仅获取表格 5 列的内容

Question

var myTableArray = [];
var numberOfColumns = 5;
    
    $("#previewDiv").html(tinymce.activeEditor.getContent());
    //console.log(tinymce.activeEditor.getContent());
    $("#previewDiv").find("table tr").each(function(){
        var arrayOfThisRow = [];
        var tableData = $(this).find("td");
        if (tableData.length > 0) {
            if(tableData.length < 5){
                numberOfColumns = tableData.length;
                
            }
            for (var i=0; i< numberOfColumns; i++){
                arrayOfThisRow.push(tableData[i].innerHTML);
            }
            if(tableData.length < 5){
                for(var j = numberOfColumns; j<5; j++){
                    arrayOfThisRow.push("");
                }
            }
            myTableArray.push(arrayOfThisRow);

            /*if(tableData.length < 5){
                numberOfColumns = tableData.length;
            }
            for(var i=0; i< numberOfColumns; i++){
                
                arrayOfThisRow.push(tableData[i].$(this).text());
            }
            if(arrayOfThisRow.length < 5){
                for(i= numberOfColumns; i< 5; i++){
                    arrayOfThisRow.push("");
                }

            }
            //console.log(arrayOfThisRow);
            myTableArray.push(arrayOfThisRow);*/
        }

    });

Q.我得到了一个可变列号的 html 表，我只想从中解析出 5 列

背景信息： 我在 tinymce 编辑器的文本区域中设置了默认内容。这个默认内容是一个5列的表格，行数没有限制。

我将此编辑器文本区域中的内容解析为引导模式弹出窗口，它显示的内容与tinymce编辑器文本区域中的内容完全相同。

每当用户复制超过 5 列的表格内容并将其粘贴到 tinymce 编辑器的 textarea 中时，解析中断和超过 5 列的值会在模式弹出窗口中返回为“未定义”。

如果用户粘贴超过 5 个表列，如何限制 tinymce 的 getcontent() 方法仅解析表的 5 个表列，而忽略其他列。

另外，如果有什么方法可以分享我的代码，请告诉我，这将帮助您更好地理解。请参阅所附图片 tinymce editor pic modal pop-up pic

Answer 1

API getContent() 完全按照它所说的去做 - 它获取编辑器的全部内容。如果您需要该内容的子集，则需要解析出您需要的内容。

如果您不希望人们添加更多列，为什么不使用contenteditable 来阻止人们向您的表中添加更多列？