Merge pull request #456 from jakekwak/pullrequest

根据逗号/制表符生成表格
Vanessa219 · May 28, 2020 · e975d1a · e975d1a
2 parents 869700c + 2e2a48a
commit e975d1a
Show file tree

Hide file tree

Showing 2 changed files with 9,185 additions and 1 deletion.
diff --git a/src/ts/wysiwyg/toolbarEvent.ts b/src/ts/wysiwyg/toolbarEvent.ts
@@ -228,10 +228,39 @@ export const toolbarEvent = (vditor: IVditor, actionBtn: Element) => {
                 setSelectionFocus(range);
             }
         } else if (commandName === "table") {
-            const tableHTML = `<table data-block="0"><thead><tr><th>col1<wbr></th><th>col2</th><th>col3</th></tr></thead><tbody><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr></tbody></table>`;
             if (blockElement && blockElement.innerHTML.trim().replace(Constants.ZWSP, "") === "") {
+                const tableHTML = `<table data-block="0"><thead><tr><th>col1<wbr></th><th>col2</th><th>col3</th></tr></thead><tbody><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr></tbody></table>`;
+                console.log("outerHTML");
                 blockElement.outerHTML = tableHTML;
             } else {
+                let tableHTML = `<table data-block="0"><thead><tr>`;
+
+                const tableText = range.toString().split("\n")
+
+                tableText.forEach((rows, index) => {
+                    if (index === 0) {
+                        rows.split(",").forEach((header, index) => {
+                            if(index === 0) {
+                                tableHTML += `<th>${header}<wbr></th>`;
+                            } else {
+                                tableHTML += `<th>${header}</th>`;
+                            }
+                        }) 
+                        tableHTML += `</tr></thead>`;
+                    } else {
+                        if (index === 1) {
+                            tableHTML += `<tbody><tr>`;
+                        } else {
+                            tableHTML += `<tr>`;
+                        }
+                        rows.split(",").forEach(cell => {
+                            tableHTML += `<td>${cell}</td>`;
+                        })
+                        tableHTML += `</tr>`;
+                        console.log(index, tableHTML);
+                    }
+                });
+                tableHTML += `</tbody></table>`;
                 document.execCommand("insertHTML", false, tableHTML);
             }
             range.selectNode(vditor.wysiwyg.element.querySelector("wbr").previousSibling);