feat(text-editor tables): set enableTables true if contentType is html

Author: john-traas

src/components/text-editor/examples/text-editor-with-tables.tsx

@@ -14,7 +14,7 @@ import { Component, h, State } from '@stencil/core';
 export class TextEditorWithTablesExample {
     @State()
     private value: string =
-        '<table><tbody><tr><td style="background-color: rgb(25, 107, 36);color: white;"><p><strong>Column1</strong></p></td><td style="background-color: rgb(25, 107, 36);color: white;"><p><strong>Column2</strong></p></td></tr><tr><td style="background-color: rgb(193, 240, 200);color: black;"><p>Cell A1</p></td><td style="background-color: rgb(193, 240, 200);color: black;"><p>Cell B1</p></td></tr><tr><td style="color: black;"><p>Cell A2</p></td><td style="background-color: yellow;color: red;"><p>Cell B2</p></td></tr></tbody></table>';
+        '<table><tbody><tr><td style="background-color: rgb(25, 107, 36);color: white;"><p><strong>Column1</strong></p></td><td style="background-color: rgb(25, 107, 36);color: white;"><p><strong>Column2</strong></p></td></tr><tr><td style="background-color: rgb(193, 240, 200);color: black;"><p>Cell A1</p></td><td style="background-color: rgb(193, 240, 200);color: black;"><p>Cell B1</p></td></tr><tr><td style="color: green;"><p>Cell A2</p></td><td style="background-color: yellow;color: red;"><p>Cell B2</p></td></tr></tbody></table>';
 
     @State()
     private readonly = false;

src/components/text-editor/text-editor.tsx

@@ -253,13 +253,17 @@ export class TextEditor implements FormComponent<string> {
                 aria-disabled={this.disabled}
                 language={this.language}
                 triggerCharacters={this.triggers}
-                supportTables={this.enableTables}
+                supportTables={this.checkForTables()}
             />,
             this.renderPlaceholder(),
             this.renderHelperLine(),
         ];
     }
 
+    private checkForTables() {
+        return this.enableTables && this.contentType === 'html';
+    }
+
     private renderLabel() {
         if (!this.label) {
             return;