+++
+ 
+ {#if node.attrs.title !== null && node.attrs.title.trim() !== ''}
+ {
+ if (e.target === null) return;
+ //@ts-ignore
+ updateAttributes({ title: e.target.value });
+ }}
+ />
+ {/if}
+
+ {#if editor?.isEditable}
+
+ {
+ handleResizingPosition(event, 'left');
+ }}
+ ontouchstart={(event: TouchEvent) => {
+ handleTouchStart(event, 'left');
+ }}
+ >
+
+
+
+ {
+ handleResizingPosition(event, 'right');
+ }}
+ ontouchstart={(event: TouchEvent) => {
+ handleTouchStart(event, 'right');
+ }}
+ >
+
+
+
+
+
+
+ (openedMore = value)}>
+
+
+
+ {
+ if (node.attrs.title === null || node.attrs.title.trim() === '')
+ updateAttributes({
+ title: 'Image Caption'
+ });
+ }}
+ >
+
+ {
+ duplicateContent(editor);
+ }}
+ >
+
+ {
+ updateAttributes({
+ width: 'fit-content'
+ });
+ }}
+ >
+
+ {
+ deleteNode();
+ }}
+ class="text-destructive"
+ >
+
+
+
+
+ {/if}
+
+
+
diff --git a/src/lib/components/shad-editor/editor.css b/src/lib/components/shad-editor/editor.css
new file mode 100644
index 00000000..a0ab4e4c
--- /dev/null
+++ b/src/lib/components/shad-editor/editor.css
@@ -0,0 +1,138 @@
+.tiptap :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+.tiptap code:not(pre code) {
+ /* Remove the before and after pseudo elements */
+ @apply rounded border bg-muted/50 p-1 before:content-[''] after:content-[''];
+}
+
+.tiptap blockquote p {
+ @apply before:content-[''] after:content-[''];
+}
+
+.tiptap a {
+ @apply text-blue-600 underline;
+}
+
+ul[data-type='taskList'] {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+ul[data-type='taskList'] li {
+ display: flex;
+ align-items: center;
+}
+
+ul li,
+ol li {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+ul[data-type='taskList'] li label {
+ flex: 0 0 auto;
+ margin-right: 0.5rem;
+ user-select: none;
+}
+
+ul[data-type='taskList'] li div {
+ flex: 1 1 auto;
+}
+
+ul[data-type='taskList'] li label {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+ul[data-type='taskList'] li[data-checked='true'] div {
+ @apply text-muted-foreground line-through;
+}
+
+input[type='checkbox'] {
+ @apply size-4 cursor-pointer rounded !important;
+}
+
+ul[data-type='taskList'] ul[data-type='taskList'] {
+ margin: 0;
+}
+
+/* Color swatches */
+.color {
+ @apply whitespace-nowrap;
+}
+
+.color::before {
+ @apply mb-[0.15rem] mr-[0.1rem] inline-block size-[1rem] rounded border border-muted align-middle;
+ background-color: var(--color);
+ content: ' ';
+}
+
+/* Table-specific styling */
+.tiptap table {
+ border-collapse: collapse;
+ margin: 0;
+ overflow: hidden;
+ table-layout: fixed;
+ width: 100%;
+}
+
+.tiptap table td,
+.tiptap table th {
+ @apply border border-muted;
+ box-sizing: border-box;
+ min-width: 1em;
+ padding: 6px 8px;
+ position: relative;
+ vertical-align: top;
+}
+
+.tiptap table td > *,
+.tiptap table th > * {
+ margin-bottom: 0;
+}
+
+.tiptap table th {
+ @apply bg-muted/50 text-left font-bold;
+}
+
+.tiptap table .selectedCell:after {
+ @apply pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-[2px] border-muted-foreground;
+ content: '';
+ z-index: 2;
+}
+
+.tiptap table .column-resize-handle {
+ @apply pointer-events-none absolute -bottom-[2px] -right-[2px] top-0 w-1 bg-muted;
+}
+
+.tiptap .tableWrapper {
+ margin: 1.5rem 0;
+ overflow-x: auto;
+}
+
+.tiptap.resize-cursor {
+ cursor: ew-resize;
+ cursor: col-resize;
+}
+
+/* Tiptap code block */
+.tiptap pre {
+ @apply m-0 flex h-fit overflow-auto !rounded-none bg-transparent p-0;
+}
+
+.tiptap pre code {
+ @apply flex-1 !rounded-none bg-transparent p-0 text-inherit;
+}
+
+.tiptap .search-result {
+ background-color: yellow;
+}
+
+.tiptap .search-result-current {
+ background-color: orange;
+}
diff --git a/src/lib/components/shad-editor/icons/block-quote.svelte b/src/lib/components/shad-editor/icons/block-quote.svelte
new file mode 100644
index 00000000..6c81e40d
--- /dev/null
+++ b/src/lib/components/shad-editor/icons/block-quote.svelte
@@ -0,0 +1,26 @@
+
+
+Block Quote (⌘⇧B)
+Bold (⌘B)
+Bullet List (⌘⇧8)
+Code (⌘E)
+
+
+
+
+ Pick a highlight color
+
+ {
+ if (event.detail.hex === undefined) return;
+ color = event.detail.hex;
+ editor.chain().focus().setHighlight({ color }).run();
+ }}
+ isDialog={false}
+ --picker-indicator-size="1rem"
+ --input-size="1rem"
+ />
+
+
+
+
+ Highlighter (⌘⇧H)
+
+
+
+
+ Image
+Insert image url
+ { + if (e !== null && e.target !== null) { + //@ts-ignore + editor.chain().focus().setImage({ src: e.target.value }).run(); + } + }} + class="w-full" + /> +OR Pick an Image
+ { + //@ts-ignore + if (e.target && e.target.files) { + //@ts-ignore + const files = Array.from(e.target.files || []); + files.map((file) => { + const reader = new FileReader(); + reader.onload = () => { + const src = reader.result as string; + editor.chain().focus().setImage({ src }).run(); + }; + //@ts-ignore + reader.readAsDataURL(file); + }); + } + }} + /> +Add Image
+Italic (⌘I)
+
+
+
+
+ Link
+Insert or remove link from selected text.
+ { + //@ts-ignore + if (e !== null && e.target !== null) setLink(e.target.value); + }} + class="w-full" + /> +
+
+
+
+ Add Or Remove Link
+Ordered List
+Quick Colors
+Redo (⌘R)
+
+ updateSearchTerm()}
+ class="mr-1 "
+ />
+
+
+
+
+ updateSearchTerm()}
+ class="mr-1 "
+ />
+
+
+
+
+
+
+
+ updateSearchTerm()}
+ />
+
+ Case Sensitive
+
+ {searchCount > 0 ? searchIndex + 1 : 0} / {searchCount}
+
+ Search And Replace Text
+Strike (⌘⇧S)
+Subscript (⌘,)
+Superscript (⌘.)
+Table
+Tasks List (⌘⇧9)
+Text Formatting
+Text Alignment
+
+
+
+
+ Pick a text color
+
+ {
+ if (event.detail.hex === undefined) return;
+ color = event.detail.hex;
+ editor.chain().focus().setColor(color).run();
+ }}
+ isDialog={false}
+ --picker-indicator-size="1rem"
+ --input-size="1rem"
+ />
+
+
+
+
+ Text Color
+Underline (⌘U)
+Undo (⌘Z)
+
+ {#if editor && showToolbar}
+
diff --git a/src/lib/element_tiptap_editor.svelte b/src/lib/element_tiptap_editor.svelte
index a831a012..bf64785a 100644
--- a/src/lib/element_tiptap_editor.svelte
+++ b/src/lib/element_tiptap_editor.svelte
@@ -4,7 +4,7 @@ import { fade } from 'svelte/transition'
import { cubicOut } from 'svelte/easing';
// import ShadEditor from '$lib/components/shad-editor/shad-editor.svelte';
-// import ShadEditor from 'shadcn-svelte';
+
// Import Tiptap related modules
import { Editor } from "@tiptap/core";
@@ -85,28 +85,28 @@ let show_button_kv_defaults: any = {
strike: true,
code: true,
- paragraph: true,
+ paragraph: false,
- heading__h1: true,
- heading__h2: true,
- heading__h3: true,
+ heading__h1: false,
+ heading__h2: false,
+ heading__h3: false,
heading__h4: false,
heading__h5: false,
heading__h6: false,
- bulletList: true,
- orderedList: true,
+ bulletList: false,
+ orderedList: false,
codeBlock: false,
blockquote: false,
horizontalRule: false,
hardBreak: true,
- link: true,
+ link: false,
unsetLink: true,
unsetAllMarks: true,
undo: true,
- redo: true,
+ redo: false,
};
export let show_button_kv: any;
diff --git a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
index eae65d69..d0d9895e 100644
--- a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
+++ b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
@@ -359,7 +359,17 @@ function send_staff_notification_email() {