✨ added table creation. fixes #22, #1

Author: adeeteya

README.md

@@ -82,6 +82,7 @@ Please star⭐ the repo if you like what you see😊.
 - [x] Ability to open .md files directly from the explorer
 - [x] Convenient way to style text (bold,italics,headings and etc)
 - [x] Convenient way to add links
+- [x] Convenient way to add tables
 - [x] Ability to preview JPEG, PNG, GIF, WebP, BMP, and WBMP image formats.
 - [x] Easily open links from the preview
 - [x] Light and Dark Theme Modes available
@@ -94,6 +95,7 @@ Please star⭐ the repo if you like what you see😊.
 - [x] LaTex support
 - [x] Horizontal Swipe to Switch between Preview and Editing View in Single View Mode
 - [x] Default Folder for Opening and Saving .md files
+- [x] Added Print/Save as Pdf Option
 
 ## 📸 Screenshots
 

lib/l10n/app_en.arb

@@ -138,5 +138,21 @@
   "print": "Print",
   "@print": {
     "description": "Menu Item for Print"
+  },
+  "table": "Table",
+  "@table": {
+    "description": "Tooltip for the Table Icon Button"
+  },
+  "rows": "Rows",
+  "@rows": {
+    "description": "Label for the Rows Text Field in the Table Dialog"
+  },
+  "columns": "Columns",
+  "@columns": {
+    "description": "Label for the Columns Text Field in the Table Dialog"
+  },
+  "insert": "Insert",
+  "@insert": {
+    "description": "Text Action for the Insert Table Dialog"
   }
 }

lib/widgets/MarkdownTextInput/format_markdown.dart

@@ -16,6 +16,8 @@ class FormatMarkdown {
     int titleSize = 1,
     String? link,
     String selectedText = '',
+    int tableRows = 3,
+    int tableCols = 3,
   }) {
     late String changedData;
     late int replaceCursorIndex;
@@ -80,6 +82,44 @@ class FormatMarkdown {
             '![${data.substring(lesserIndex, greaterIndex)}](${data.substring(lesserIndex, greaterIndex)})';
         replaceCursorIndex = 3;
         break;
+      case MarkdownType.table:
+        final rows = tableRows.clamp(1, 50);
+        final cols = tableCols.clamp(1, 20);
+
+        String cell(int r, int c) {
+          // If text was selected, try to split it into cells (basic support) else placeholders
+          if (selectedText.trim().isNotEmpty) {
+            // naive split by lines and pipes for quick paste handling
+            final byLines = selectedText.trim().split('\n');
+            if (r < byLines.length) {
+              final parts = byLines[r]
+                  .split('|')
+                  .where((e) => e.trim().isNotEmpty)
+                  .toList();
+              if (c < parts.length) return parts[c].trim();
+            }
+          }
+          return (r == 0) ? 'Header ${c + 1}' : 'Cell ${r + 1}:${c + 1}';
+        }
+
+        final buffer = StringBuffer();
+        // First row
+        buffer.writeln(
+          '| ${List.generate(cols, (c) => cell(0, c)).join(' | ')} |',
+        );
+        // Separator (align left by default). If no header, still required by Markdown.
+        buffer.writeln('| ${List.generate(cols, (_) => '---').join(' | ')} |');
+
+        for (int r = 1; r < rows; r++) {
+          buffer.writeln(
+            '| ${List.generate(cols, (c) => cell(r, c)).join(' | ')} |',
+          );
+        }
+
+        changedData = buffer.toString();
+        // place cursor in first body cell (roughly after "| ")
+        replaceCursorIndex = 2; // when no selection,put caret inside first cell
+        break;
     }
 
     final cursorIndex = changedData.length;
@@ -145,7 +185,10 @@ enum MarkdownType {
   separator,
 
   /// For ![Alt text](link)
-  image;
+  image,
+
+  /// For creating tables
+  table;
 
   String title(BuildContext context) {
     switch (this) {
@@ -169,6 +212,8 @@ enum MarkdownType {
         return AppLocalizations.of(context)!.horizontalRule;
       case MarkdownType.image:
         return AppLocalizations.of(context)!.image;
+      case MarkdownType.table:
+        return AppLocalizations.of(context)!.table;
     }
   }
 
@@ -195,6 +240,8 @@ enum MarkdownType {
         return 'separator_button';
       case MarkdownType.image:
         return 'image_button';
+      case MarkdownType.table:
+        return 'table_button';
     }
   }
 
@@ -221,6 +268,8 @@ enum MarkdownType {
         return Icons.minimize_rounded;
       case MarkdownType.image:
         return Icons.image_rounded;
+      case MarkdownType.table:
+        return Icons.table_chart_rounded;
     }
   }
 }

lib/widgets/MarkdownTextInput/markdown_text_input.dart

@@ -55,6 +55,7 @@ class MarkdownTextInput extends StatefulWidget {
       MarkdownType.blockquote,
       MarkdownType.separator,
       MarkdownType.image,
+      MarkdownType.table,
     ],
     this.textStyle,
     this.controller,
@@ -78,6 +79,8 @@ class _MarkdownTextInputState extends State<MarkdownTextInput> {
     int titleSize = 1,
     String? link,
     String? selectedText,
+    int tableRows = 3,
+    int tableCols = 3,
   }) {
     final basePosition = _textSelection.baseOffset;
     final noTextSelected =
@@ -95,6 +98,8 @@ class _MarkdownTextInputState extends State<MarkdownTextInput> {
       link: link,
       selectedText:
           selectedText ?? _controller.text.substring(fromIndex, toIndex),
+      tableRows: tableRows,
+      tableCols: tableCols,
     );
 
     _controller.value = _controller.value.copyWith(
@@ -323,6 +328,30 @@ class _MarkdownTextInputState extends State<MarkdownTextInput> {
                   );
                 },
         );
+      case MarkdownType.table:
+        return Tooltip(
+          message: type.title(context),
+          child: InkWell(
+            key: const Key('table_button'),
+            onTap: () async {
+              final res = await showDialog<_TableConfig?>(
+                context: context,
+                builder: (ctx) => _TableDialog(),
+              );
+              if (res != null) {
+                onTap(
+                  MarkdownType.table,
+                  tableRows: res.rows,
+                  tableCols: res.cols,
+                );
+              }
+            },
+            child: const Padding(
+              padding: EdgeInsets.all(10),
+              child: Icon(Icons.table_chart_rounded),
+            ),
+          ),
+        );
       default:
         return _basicInkwell(type);
     }
@@ -398,3 +427,89 @@ class _MarkdownTextInputState extends State<MarkdownTextInput> {
     );
   }
 }
+
+class _TableConfig {
+  final int rows;
+  final int cols;
+  const _TableConfig({required this.rows, required this.cols});
+}
+
+class _TableDialog extends StatefulWidget {
+  @override
+  State<_TableDialog> createState() => _TableDialogState();
+}
+
+class _TableDialogState extends State<_TableDialog> {
+  int _rows = 3;
+  int _cols = 3;
+
+  Widget _numberField({
+    required String label,
+    required int value,
+    required ValueChanged<int> onChanged,
+  }) {
+    return TextFormField(
+      initialValue: value.toString(),
+      keyboardType: TextInputType.number,
+      decoration: InputDecoration(
+        labelText: label,
+        border: const OutlineInputBorder(),
+        isDense: true,
+      ),
+      onChanged: (s) => onChanged(int.tryParse(s) ?? value),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
+    return AlertDialog(
+      title: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Text(loc?.table ?? 'Table'),
+          IconButton(
+            icon: const Icon(Icons.close),
+            onPressed: () => Navigator.pop(context),
+          ),
+        ],
+      ),
+      content: Row(
+        children: [
+          Expanded(
+            child: _numberField(
+              label: loc?.rows ?? 'Rows',
+              value: _rows,
+              onChanged: (v) => setState(() => _rows = v),
+            ),
+          ),
+          const SizedBox(width: 12),
+          Expanded(
+            child: _numberField(
+              label: loc?.columns ?? 'Columns',
+              value: _cols,
+              onChanged: (v) => setState(() => _cols = v),
+            ),
+          ),
+        ],
+      ),
+      actions: [
+        TextButton(
+          onPressed: () => Navigator.pop(context),
+          child: Text(loc?.cancel ?? 'Cancel'),
+        ),
+        ElevatedButton(
+          onPressed: () {
+            final sanitizedRows = _rows.clamp(1, 50);
+            final sanitizedCols = _cols.clamp(1, 20);
+            Navigator.pop(
+              context,
+              _TableConfig(rows: sanitizedRows, cols: sanitizedCols),
+            );
+          },
+          child: Text(loc?.insert ?? 'Insert'),
+        ),
+      ],
+    );
+  }
+}