Редактор 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, разрывы синтаксического анализа и превышение 5 значений столбца возвращаются как «неопределенные» вмодальное всплывающее окно.

Как ограничить метод tinconce getcontent (), чтобы он анализировал только 5 столбцов таблицы и игнорирует другие столбцы, если пользователь вставляет более 5 столбцов таблицы.

Также, пожалуйста, дайте мне знать, если есть способ, которым я могу поделиться своим кодом, который поможет вам лучше понять.Пожалуйста, см. Прикрепленные изображения Фото редактора tinymce Модальное всплывающее окно

Answer 1

API getContent() делает именно то, что, как он говорит, он будет делать - он получает все содержимое редактора.Если вам нужно подмножество этого контента, вам нужно проанализировать, что вам нужно.

Если вы не хотите, чтобы люди добавляли больше столбцов, почему бы не использовать contenteditable, чтобы запретить людям добавлять больше столбцов в вашу таблицу