support markdown editor

Author: ziming

config/filament-comments.php

@@ -27,6 +27,12 @@
      */
     'prune_after_days' => 30,
 
+
+    /*
+     * Options: 'rich', 'markdown'
+     */
+    'editor' => 'rich',
+
     /*
      * The rich editor toolbar buttons that are available to users.
      */

resources/views/comments.blade.php

@@ -46,7 +46,11 @@
                             </div>
 
                             <div class="prose dark:prose-invert [&>*]:mb-2 [&>*]:mt-0 [&>*:last-child]:mb-0 prose-sm text-sm leading-6 text-gray-950 dark:text-white">
-                                {{ Str::of($comment->comment)->toHtmlString() }}
+                                @if(config('filament-comments.editor') === 'markdown')
+                                    {{ Str::of($comment->comment)->markdown()->toHtmlString() }}
+                                @else
+                                    {{ Str::of($comment->comment)->toHtmlString() }}
+                                @endif
                             </div>
                         </div>
                     </div>

src/Livewire/CommentsComponent.php

@@ -31,14 +31,24 @@ public function form(Form $form): Form
             return $form;
         }
 
+        if (config('filament-comments.editor') === 'markdown') {
+            $editor = Forms\Components\MarkdownEditor::make('comment')
+                ->hiddenLabel()
+                ->required()
+                ->placeholder(__('filament-comments::filament-comments.comments.placeholder'))
+                ->toolbarButtons(config('filament-comments.toolbar_buttons'));
+        } else {
+            $editor = Forms\Components\RichEditor::make('comment')
+                ->hiddenLabel()
+                ->required()
+                ->placeholder(__('filament-comments::filament-comments.comments.placeholder'))
+                ->extraInputAttributes(['style' => 'min-height: 6rem'])
+                ->toolbarButtons(config('filament-comments.toolbar_buttons'));
+        }
+
         return $form
             ->schema([
-                Forms\Components\RichEditor::make('comment')
-                    ->hiddenLabel()
-                    ->required()
-                    ->placeholder(__('filament-comments::filament-comments.comments.placeholder'))
-                    ->extraInputAttributes(['style' => 'min-height: 6rem'])
-                    ->toolbarButtons(config('filament-comments.toolbar_buttons'))
+                $editor,
             ])
             ->statePath('data');
     }