X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/58fa7679bccafd00f9a50bcd4a87e96876331b03..refs/pull/3012/head:/app/Entities/Tools/PageContent.php diff --git a/app/Entities/Tools/PageContent.php b/app/Entities/Tools/PageContent.php index d178dc040..9f4ac2893 100644 --- a/app/Entities/Tools/PageContent.php +++ b/app/Entities/Tools/PageContent.php @@ -1,16 +1,20 @@ -extractBase64Images($this->page, $html); + $html = $this->extractBase64ImagesFromHtml($html); $this->page->html = $this->formatHtml($html); $this->page->text = $this->toPlainText(); $this->page->markdown = ''; @@ -45,6 +48,7 @@ class PageContent */ public function setNewMarkdown(string $markdown) { + $markdown = $this->extractBase64ImagesFromMarkdown($markdown); $this->page->markdown = $markdown; $html = $this->markdownToHtml($markdown); $this->page->html = $this->formatHtml($html); @@ -62,13 +66,16 @@ class PageContent $environment->addExtension(new CustomStrikeThroughExtension()); $environment = Theme::dispatch(ThemeEvents::COMMONMARK_ENVIRONMENT_CONFIGURE, $environment) ?? $environment; $converter = new CommonMarkConverter([], $environment); + + $environment->addBlockRenderer(ListItem::class, new CustomListItemRenderer(), 10); + return $converter->convertToHtml($markdown); } /** - * Convert all base64 image data to saved images + * Convert all base64 image data to saved images. */ - public function extractBase64Images(Page $page, string $htmlText): string + protected function extractBase64ImagesFromHtml(string $htmlText): string { if (empty($htmlText) || strpos($htmlText, 'data:image') === false) { return $htmlText; @@ -80,7 +87,6 @@ class PageContent $childNodes = $body->childNodes; $xPath = new DOMXPath($doc); $imageRepo = app()->make(ImageRepo::class); - $allowedExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp']; // Get all img elements with image data blobs $imageNodes = $xPath->query('//img[contains(@src, \'data:image\')]'); @@ -90,15 +96,16 @@ class PageContent $extension = strtolower(preg_split('/[\/;]/', $dataDefinition)[1] ?? 'png'); // Validate extension - if (!in_array($extension, $allowedExtensions)) { + if (!$imageRepo->imageExtensionSupported($extension)) { $imageNode->setAttribute('src', ''); continue; } // Save image from data with a random name $imageName = 'embedded-image-' . Str::random(8) . '.' . $extension; + try { - $image = $imageRepo->saveNewFromData($imageName, base64_decode($base64ImageData), 'gallery', $page->id); + $image = $imageRepo->saveNewFromData($imageName, base64_decode($base64ImageData), 'gallery', $this->page->id); $imageNode->setAttribute('src', $image->url); } catch (ImageUploadException $exception) { $imageNode->setAttribute('src', ''); @@ -114,6 +121,39 @@ class PageContent return $html; } + /** + * Convert all inline base64 content to uploaded image files. + */ + protected function extractBase64ImagesFromMarkdown(string $markdown) + { + $imageRepo = app()->make(ImageRepo::class); + $matches = []; + preg_match_all('/!\[.*?]\(.*?(data:image\/.*?)[)"\s]/', $markdown, $matches); + + foreach ($matches[1] as $base64Match) { + [$dataDefinition, $base64ImageData] = explode(',', $base64Match, 2); + $extension = strtolower(preg_split('/[\/;]/', $dataDefinition)[1] ?? 'png'); + + // Validate extension + if (!$imageRepo->imageExtensionSupported($extension)) { + $markdown = str_replace($base64Match, '', $markdown); + continue; + } + + // Save image from data with a random name + $imageName = 'embedded-image-' . Str::random(8) . '.' . $extension; + + try { + $image = $imageRepo->saveNewFromData($imageName, base64_decode($base64ImageData), 'gallery', $this->page->id); + $markdown = str_replace($base64Match, $image->url, $markdown); + } catch (ImageUploadException $exception) { + $markdown = str_replace($base64Match, '', $markdown); + } + } + + return $markdown; + } + /** * Formats a page's html to be tagged correctly within the system. */ @@ -171,7 +211,7 @@ class PageContent /** * Set a unique id on the given DOMElement. * A map for existing ID's should be passed in to check for current existence. - * Returns a pair of strings in the format [old_id, new_id] + * Returns a pair of strings in the format [old_id, new_id]. */ protected function setUniqueId(\DOMNode $element, array &$idMap): array { @@ -183,6 +223,7 @@ class PageContent $existingId = $element->getAttribute('id'); if (strpos($existingId, 'bkmrk') === 0 && !isset($idMap[$existingId])) { $idMap[$existingId] = true; + return [$existingId, $existingId]; } @@ -200,6 +241,7 @@ class PageContent $element->setAttribute('id', $newId); $idMap[$newId] = true; + return [$existingId, $newId]; } @@ -209,15 +251,16 @@ class PageContent protected function toPlainText(): string { $html = $this->render(true); + return html_entity_decode(strip_tags($html)); } /** - * Render the page for viewing + * Render the page for viewing. */ public function render(bool $blankIncludes = false): string { - $content = $this->page->html; + $content = $this->page->html ?? ''; if (!config('app.allow_content_scripts')) { $content = HtmlContentFilter::removeScripts($content); @@ -233,7 +276,7 @@ class PageContent } /** - * Parse the headers on the page to get a navigation menu + * Parse the headers on the page to get a navigation menu. */ public function getNavigation(string $htmlContent): array { @@ -243,7 +286,7 @@ class PageContent $doc = $this->loadDocumentFromHtml($htmlContent); $xPath = new DOMXPath($doc); - $headers = $xPath->query("//h1|//h2|//h3|//h4|//h5|//h6"); + $headers = $xPath->query('//h1|//h2|//h3|//h4|//h5|//h6'); return $headers ? $this->headerNodesToLevelList($headers) : []; } @@ -260,9 +303,9 @@ class PageContent return [ 'nodeName' => strtolower($header->nodeName), - 'level' => intval(str_replace('h', '', $header->nodeName)), - 'link' => '#' . $header->getAttribute('id'), - 'text' => $text, + 'level' => intval(str_replace('h', '', $header->nodeName)), + 'link' => '#' . $header->getAttribute('id'), + 'text' => $text, ]; })->filter(function ($header) { return mb_strlen($header['text']) > 0; @@ -272,6 +315,7 @@ class PageContent $levelChange = ($tree->pluck('level')->min() - 1); $tree = $tree->map(function ($header) use ($levelChange) { $header['level'] -= ($levelChange); + return $header; }); @@ -305,6 +349,7 @@ class PageContent } // Find page and skip this if page not found + /** @var ?Page $matchedPage */ $matchedPage = Page::visible()->find($pageId); if ($matchedPage === null) { $html = str_replace($fullMatch, '', $html); @@ -325,7 +370,6 @@ class PageContent return $html; } - /** * Fetch the content from a specific section of the given page. */ @@ -365,20 +409,7 @@ class PageContent $doc = new DOMDocument(); $html = '' . $html . ''; $doc->loadHTML(mb_convert_encoding($html, 'HTML-ENTITIES', 'UTF-8')); - return $doc; - } - - /** - * Retrieve first image in page content and return the source URL. - */ - public function fetchFirstImage() - { - $htmlContent = $this->page->html; - $dom = new \DomDocument(); - $dom->loadHTML($htmlContent); - $images = $dom->getElementsByTagName('img'); - - return $images->length > 0 ? $images[0]->getAttribute('src') : null; + return $doc; } }