Скопируйте данные таблицы Excel в редактор TinyMCE

Question

Я использую редактор tinyMCE, чтобы пользователи могли создавать контент для своих статей. Кроме того, он позволяет пользователям копировать и вставлять в редактор excel и word.

Когда я копирую таблицу Excel в редактор, строка заголовка рассматривается как элемент div. Как я заметил, строки заголовков td имеет <b>. При удалении <b> строка заголовка тега также работает так, как ожидалось. Содержание Пример выглядит следующим образом:

<table> 
<tr> 
    <b> <td></td></b> 
    <b> <td></td></b> 
    <b> <td></td></b> 
    <b> <td></td></b> 
</tr> 
<tr> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td>   
</tr> 
<tr> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
</tr> 
</table> 

образца Таблица, что я справляюсь с первенствует

Выход в редакторе

редактора конфигурации следующим образом:

paste_retain_style_properties: "all", 
paste_strip_class_attributes: "none", 
extended_valid_elements: "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],table[style|class|border=2|width|cellspacing|cellpadding|bgcolor],colgroup,col[style|width],tbody,tr[style|class],td[style|class|colspan|rowspan|width|height],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]", 

Любая идея получить эту строку заголовка в редакторе или любой подходящий способ извлечь <table> тег и удалить <b> тегов из контента?

Answer 1

Я не уверен, что именно подразумевается под «извлечением <table> тега», но для удаления <b> вы можете настроить параметр paste_preprocess для вставки плагина. Что-то, как это должно сделать работу:

paste_preprocess: function(plugin, args) { 
console.log(args.content); // your content 
args.content = args.content.replace(/<b>\s*<td>([^td]+)<\/td>\s*<\/b>/gmi, "<td>$1</td>"); 
} 

https://www.tinymce.com/docs/plugins/paste/#paste_preprocess