archive/BookStackApp_BookStack
0
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-05-02 15:30:06 +00:00
Code Issues Projects Releases Wiki Activity

Attachments: Drag and drop video support

Browse source 
Supports dragging and dropping video attahchments to embed them in the
editor as HTML video tags.
This commit is contained in:
Dan Brown 2024-01-15 11:50:05 +00:00
parent 91d8d6eaaa
commit c1552fb799
No known key found for this signature in database
GPG key ID: 46D9F943C24A2EF9
2 changed files with 18 additions and 3 deletions
app/Uploads
Attachment.php
resources/views/attachments
manager-list.blade.php

19
app/Uploads/Attachment.php
View file

@ -77,7 +77,22 @@ class Attachment extends Model
} }
/** /**
* Generate a HTML link to this attachment. * Get the representation of this attachment in a format suitable for the page editors.
* Detects and adapts video content to use an inline video embed.
*/
public function editorContent(): array
{
$videoExtensions = ['mp4', 'webm', 'mkv', 'ogg', 'avi'];
if (in_array(strtolower($this->extension), $videoExtensions)) {
$html = '<video src="' . e($this->getUrl(true)) . '" controls width="480" height="270"></video>';
return ['text/html' => $html, 'text/plain' => $html];
}
return ['text/html' => $this->htmlLink(), 'text/plain' => $this->markdownLink()];
}
/**
* Generate the HTML link to this attachment.
*/ */
public function htmlLink(): string public function htmlLink(): string
{ {
@ -85,7 +100,7 @@ class Attachment extends Model
} }
/** /**
* Generate a markdown link to this attachment. * Generate a MarkDown link to this attachment.
*/ */
public function markdownLink(): string public function markdownLink(): string
{ {

2
resources/views/attachments/manager-list.blade.php
View file

@ -4,7 +4,7 @@
<div component="ajax-delete-row" <div component="ajax-delete-row"
option:ajax-delete-row:url="{{ url('/attachments/' . $attachment->id) }}" option:ajax-delete-row:url="{{ url('/attachments/' . $attachment->id) }}"
data-id="{{ $attachment->id }}" data-id="{{ $attachment->id }}"
data-drag-content="{{ json_encode(['text/html' => $attachment->htmlLink(), 'text/plain' => $attachment->markdownLink()]) }}" data-drag-content="{{ json_encode($attachment->editorContent()) }}"
class="card drag-card"> class="card drag-card">
<div class="handle">@icon('grip')</div> <div class="handle">@icon('grip')</div>
<div class="py-s"> <div class="py-s">