mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-10-30 07:32:39 +01:00
Attachments: Drag and drop video support
Supports dragging and dropping video attahchments to embed them in the editor as HTML video tags.
This commit is contained in:
parent
91d8d6eaaa
commit
c1552fb799
@ -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
|
||||
{
|
||||
@ -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
|
||||
{
|
||||
|
@ -4,7 +4,7 @@
|
||||
<div component="ajax-delete-row"
|
||||
option:ajax-delete-row:url="{{ url('/attachments/' . $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">
|
||||
<div class="handle">@icon('grip')</div>
|
||||
<div class="py-s">
|
||||
|
Loading…
Reference in New Issue
Block a user