yisroelbaum/Rabbi_Gerzi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add rich text editor

Browse source 
Replace the admin rich text textarea with a Tiptap editor while keeping the existing HTML string save contract. Add public-page styles for the editor output.
This commit is contained in:
Yisroel Baum 2026-06-21 21:22:39 +03:00
parent cdc29b795a
commit b4b3927ab1
Signed by: yisroelbaum
GPG key ID: 0FA60884F75520A9
5 changed files with 1735 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/rabbi_gerzi/src/views/AdminElementPage.vue
View file

@ -2,6 +2,7 @@
import { storeToRefs } from 'pinia'
import { computed, reactive, ref, watch } from 'vue'
import { useRoute } from 'vue-router'
import RichTextEditor from '@/components/RichTextEditor.vue'
import SiteHeader from '@/components/SiteHeader.vue'
import { useElementsStore } from '@/stores/elements'
@ -325,15 +326,10 @@ function resetInput(changeEvent: Event): void {
</p>
</section>
<label class="admin-element-page__field">
<span class="admin-element-page__label">Rich Text HTML</span>
<textarea
v-model="form.richText"
class="admin-element-page__textarea admin-element-page__code"
data-cy="admin-element-rich-text"
rows="9"
/>
</label>
<div class="admin-element-page__field">
<span class="admin-element-page__label">Rich Text</span>
<RichTextEditor v-model="form.richText" :disabled="isSaving" />
</div>
<section class="admin-element-page__media-field">
<span class="admin-element-page__label">Short PDF</span>
@ -559,10 +555,6 @@ function resetInput(changeEvent: Event): void {
resize: vertical;
}
.admin-element-page__code {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.admin-element-page__icon-preview {
width: 6rem;
height: 6rem;