alex/voyage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change note preview to render markdown content

Browse Source 
in the Collection/Itinerary view

Closes #627
This commit is contained in:
Florian Meinicke
2025-05-21 07:33:20 +00:00
parent 5f19670ed9
commit 274dafc47d
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/lib/components/NoteCard.svelte
View File

@@ -5,6 +5,12 @@
import { createEventDispatcher } from 'svelte'; import { createEventDispatcher } from 'svelte';
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
import { marked } from 'marked'; // Import the markdown parser
const renderMarkdown = (markdown: string) => {
return marked(markdown);
};
import Launch from '~icons/mdi/launch'; import Launch from '~icons/mdi/launch';
import TrashCan from '~icons/mdi/trash-can'; import TrashCan from '~icons/mdi/trash-can';
import Calendar from '~icons/mdi/calendar'; import Calendar from '~icons/mdi/calendar';
@@ -72,9 +78,11 @@
<div class="badge badge-error">{$t('adventures.out_of_range')}</div> <div class="badge badge-error">{$t('adventures.out_of_range')}</div>
{/if} {/if}
{#if note.content && note.content.length > 0} {#if note.content && note.content.length > 0}
<p class="line-clamp-6"> <article
{note.content} class="prose overflow-auto max-h-72 max-w-full p-4 border border-neutral bg-base-100 rounded-lg mb-4 mt-4"
</p> >
{@html renderMarkdown(note.content || '')}
</article>
{/if} {/if}
{#if note.links && note.links.length > 0} {#if note.links && note.links.length > 0}
<p> <p>