lizhuoran/KnowledgeBase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix rich editor image preview URLs

Browse Source
This commit is contained in:
李卓然
2026-04-20 13:41:27 +08:00
parent 6acd0ccad0
commit 0b35e54fe1
4 changed files with 85 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/Filament/Resources/GuideResource/Pages/ManageGuidePages.php
View File

@@ -207,7 +207,7 @@ class ManageGuidePages extends Page
$page = $this->getRecord()->pages()->findOrFail($arguments['id']); $page = $this->getRecord()->pages()->findOrFail($arguments['id']);
$form->fill([ $form->fill([
'title' => $page->title, 'title' => $page->title,
'content' => $page->content, 'content' => $page->normalized_content,
'options' => $page->options ?? [], 'options' => $page->options ?? [],
]); ]);
}) })
@@ -267,6 +267,8 @@ class ManageGuidePages extends Page
->fileAttachmentsDisk('public') ->fileAttachmentsDisk('public')
->fileAttachmentsDirectory('guide-pages') ->fileAttachmentsDirectory('guide-pages')
->fileAttachmentsVisibility('public') ->fileAttachmentsVisibility('public')
->getUploadedAttachmentUrlUsing(fn (string $file): string => GuidePage::uploadedAttachmentUrl($file))
->dehydrateStateUsing(fn (?string $state): string => GuidePage::normalizeRichTextContent($state))
->columnSpanFull(), ->columnSpanFull(),
Forms\Components\TagsInput::make('options') Forms\Components\TagsInput::make('options')

30
app/Models/GuidePage.php
View File

@@ -30,6 +30,35 @@ class GuidePage extends Model
return route('guides.pages.show', $this->id); return route('guides.pages.show', $this->id);
} }
public function getNormalizedContentAttribute(): string
{
return static::normalizeRichTextContent($this->content);
}
public static function normalizeRichTextContent(?string $content): string
{
if (blank($content)) {
return '';
}
$content = preg_replace_callback(
'~(?:https?:)?//[^"\'\s<>()]+(?<path>/storage/guide-pages/[^"\'\s<>()]*)~i',
static fn (array $matches): string => $matches['path'],
$content,
) ?? $content;
return preg_replace(
'~(?<=["\'])storage/guide-pages/~i',
'/storage/guide-pages/',
$content,
) ?? $content;
}
public static function uploadedAttachmentUrl(string $path): string
{
return '/storage/'.ltrim($path, '/');
}
public function guide() public function guide()
{ {
return $this->belongsTo(Guide::class); return $this->belongsTo(Guide::class);
@@ -62,5 +91,4 @@ class GuidePage extends Model
{ {
return ! $this->incomingEdges()->exists(); return ! $this->incomingEdges()->exists();
} }
} }

2
resources/views/guides/page.blade.php
View File

@@ -65,7 +65,7 @@
<body> <body>
<article> <article>
<h1>{{ $page->title }}</h1> <h1>{{ $page->title }}</h1>
{!! $page->content !!} {!! $page->normalized_content !!}
</article> </article>
</body> </body>
</html> </html>

40
tests/Unit/GuidePageContentTest.php Normal file
View File

@@ -0,0 +1,40 @@
<?php
use App\Models\GuidePage;
it('normalizes uploaded guide image urls for rendering', function () {
$page = new GuidePage([
'content' => <<<'HTML'
<figure data-trix-attachment='{"url":"http://localhost:8000/storage/guide-pages/example.png?signature=abc"}'>
<img src="http://localhost:8000/storage/guide-pages/example.png?signature=abc">
</figure>
HTML,
]);
expect($page->normalized_content)
->toContain('/storage/guide-pages/example.png?signature=abc')
->not->toContain('http://localhost:8000/storage/guide-pages/example.png?signature=abc');
});
it('adds a leading slash to relative guide image urls', function () {
$page = new GuidePage([
'content' => '<img src="storage/guide-pages/example.png">',
]);
expect($page->normalized_content)
->toBe('<img src="/storage/guide-pages/example.png">');
});
it('keeps external image urls unchanged', function () {
$page = new GuidePage([
'content' => '<img src="https://example.com/images/example.png">',
]);
expect($page->normalized_content)
->toBe('<img src="https://example.com/images/example.png">');
});
it('builds root relative upload urls for new attachments', function () {
expect(GuidePage::uploadedAttachmentUrl('guide-pages/example.png'))
->toBe('/storage/guide-pages/example.png');
});