获取tinymce内的表格数据
时间: 2024-04-30 11:20:41 浏览: 9
可以使用以下代码获取 TinyMCE 编辑器中的表格数据:
```javascript
// 获取 TinyMCE 编辑器实例
var editor = tinymce.get('editor-id');
// 获取表格元素
var tableElm = editor.dom.select('table')[0];
// 获取表格数据
var tableData = [];
// 遍历表格行
editor.dom.select('tr', tableElm).forEach(function(row) {
var rowData = [];
// 遍历行中的单元格
editor.dom.select('td, th', row).forEach(function(cell) {
rowData.push(cell.innerText);
});
tableData.push(rowData);
});
console.log(tableData);
```
其中,`editor-id` 为 TinyMCE 编辑器实例的 ID,可以根据实际情况进行替换。最终输出的 `tableData` 为二维数组,其中包含了表格中的所有数据。
相关问题
获取tinymce中的内容
可以使用以下代码获取 TinyMCE 中的内容:
```javascript
// 获取 TinyMCE 实例
var tinymceEditor = tinymce.get('editorId');
// 获取内容
var content = tinymceEditor.getContent();
```
其中,`editorId` 为你在初始化 TinyMCE 时指定的编辑器 ID。获取到的 `content` 即为编辑器中的内容。
获取tinymce编辑框中的文本
你可以通过以下代码获取tinymce编辑框中的文本:
```javascript
var content = tinymce.activeEditor.getContent();
```
其中,`tinymce.activeEditor` 表示当前激活的编辑器。`getContent()` 方法可以获取编辑器中的所有内容,包括HTML标签和文本内容。如果你只需要获取文本内容,可以使用以下代码:
```javascript
var textContent = tinymce.activeEditor.getContent({format: 'text'});
```