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" >

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" >