SRSoftware/Umbrella
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

improved markdown editor

Browse Source
This commit is contained in:
Stephan Richter
2025-10-17 14:45:27 +02:00
parent 26097cf146
commit e7643c46fd
3 changed files with 26 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/Components/MarkdownEditor.svelte
View File

@@ -104,30 +104,16 @@
if (simple) startEdit();
</script>
<style>
textarea{
width: 100%;
min-height: 100px;
}
div{
min-width: 40px;
min-height: 20px;
}
div.editable:hover{
border: 1px dotted;
}
</style>
<div class="markdown {editing?'editing':''}">
{#if editing}
<div class="boundary">
<textarea bind:value={editValue.source} onkeyup={typed} autofocus={!simple}></textarea>
<span class="buttons">
<button class="cancel" onclick={e => editing = false}>{t('cancel')}</button>
<span>{@html t('markdown_supported')}</span>
<button class="save" onclick={doSave}>{t('save')}</button>
</span>
<textarea bind:value={editValue.source} onkeyup={typed} autofocus={!simple}></textarea>
<div>{@html target(editValue.rendered)}</div>
<div class="buttons">
<button class="cancel" onclick={e => editing = false}>{t('cancel')}</button>
<span>{@html t('markdown_supported')}</span>
<button class="save" onclick={doSave}>{t('save')}</button>
</div>
{/if}
{:else}
<svelte:element this={type} {onclick} {oncontextmenu} class={{editable}} title={t('right_click_to_edit')} >{@html target(editValue.rendered)}</svelte:element>
{/if}
</div>