editor?.chain().focus().toggleHeading({ level: 1 }).run()} class="{editor?.isActive('heading', { level: 1 }) ? 'bg-gray-50 dark:bg-gray-700' : ''} hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all" type="button" >

editor?.chain().focus().toggleHeading({ level: 2 }).run()} class="{editor?.isActive('heading', { level: 2 }) ? 'bg-gray-50 dark:bg-gray-700' : ''} hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all" type="button" >

editor?.chain().focus().toggleHeading({ level: 3 }).run()} class="{editor?.isActive('heading', { level: 3 }) ? 'bg-gray-50 dark:bg-gray-700' : ''} hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all" type="button" >

{#if editor?.isActive('bulletList') || editor?.isActive('orderedList') || editor?.isActive('taskList')} { editor?.commands.liftListItem(editor?.isActive('taskList') ? 'taskItem' : 'listItem'); }} class="hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all" type="button" > editor?.commands.sinkListItem(editor?.isActive('taskList') ? 'taskItem' : 'listItem')} class="hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all" type="button" > {/if} editor?.chain().focus().toggleBulletList().run()} class="{editor?.isActive('bulletList') ? 'bg-gray-50 dark:bg-gray-700' : ''} hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all" type="button" > editor?.chain().focus().toggleOrderedList().run()} class="{editor?.isActive('orderedList') ? 'bg-gray-50 dark:bg-gray-700' : ''} hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all" type="button" > editor?.chain().focus().toggleTaskList().run()} class="{editor?.isActive('taskList') ? 'bg-gray-50 dark:bg-gray-700' : ''} hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all" type="button" > editor?.chain().focus().toggleBold().run()} class="{editor?.isActive('bold') ? 'bg-gray-50 dark:bg-gray-700' : ''} hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all" type="button" > editor?.chain().focus().toggleItalic().run()} class="{editor?.isActive('italic') ? 'bg-gray-50 dark:bg-gray-700' : ''} hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all" type="button" > editor?.chain().focus().toggleUnderline().run()} class="{editor?.isActive('underline') ? 'bg-gray-50 dark:bg-gray-700' : ''} hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all" type="button" > editor?.chain().focus().toggleStrike().run()} class="{editor?.isActive('strike') ? 'bg-gray-50 dark:bg-gray-700' : ''} hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all" type="button" > editor?.chain().focus().toggleCodeBlock().run()} class="{editor?.isActive('codeBlock') ? 'bg-gray-50 dark:bg-gray-700' : ''} hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all" type="button" > { const codepoint = $shortCodesToEmojis[shortCode]; if (codepoint) { const emoji = codepoint .split('-') .map((cp) => String.fromCodePoint(parseInt(cp, 16))) .join(''); editor?.chain().focus().insertContent(emoji).run(); } }} >