feat: Allow rich formatting of profile text

Signed-off-by: Christopher Ng <chrng8@gmail.com>
This commit is contained in:
Christopher Ng 2025-01-10 17:00:26 -08:00
parent ab313de89b
commit 12bbf56870
2 changed files with 4 additions and 8 deletions

View file

@ -92,9 +92,7 @@
<h3 v-if="headline" class="profile__blocks-headline">
{{ headline }}
</h3>
<p v-if="biography" class="profile__blocks-biography">
{{ biography }}
</p>
<NcRichText v-if="biography" :text="biography" use-extended-markdown />
<!-- additional entries, use it with cautious -->
<div v-for="(section, index) in sections"
@ -135,6 +133,7 @@ import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
import NcContent from '@nextcloud/vue/dist/Components/NcContent.js'
import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
import NcRichText from '@nextcloud/vue/dist/Components/NcRichText.js'
import AccountIcon from 'vue-material-design-icons/Account.vue'
import MapMarkerIcon from 'vue-material-design-icons/MapMarker.vue'
import PencilIcon from 'vue-material-design-icons/Pencil.vue'
@ -165,6 +164,7 @@ export default defineComponent({
NcButton,
NcContent,
NcEmptyContent,
NcRichText,
PencilIcon,
},
@ -401,10 +401,6 @@ $content-max-width: 640px;
font-weight: bold;
font-size: 20px;
}
&-biography {
white-space: pre-line;
}
}
}

View file

@ -5,7 +5,7 @@
<template>
<AccountPropertySection v-bind.sync="biography"
:placeholder="t('settings', 'Your biography')"
:placeholder="t('settings', 'Your biography. Markdown is supported.')"
:multi-line="true" />
</template>