Skip to main content
← Back to Shopfront Configuration
Write New Article
Edit Article
Create and publish content for your shopfront
Published
Draft
Featured on Shopfront
Loading...
Title
/200
Category
Select a category
Content
e.chain().focus().toggleBold().run())" :class="isActive('bold') ? 'bg-blue-100' : 'hover:bg-gray-200'" class="p-2 rounded" aria-label="Bold" :aria-pressed="isActive('bold') ? 'true' : 'false'">
B
e.chain().focus().toggleItalic().run())" :class="isActive('italic') ? 'bg-blue-100' : 'hover:bg-gray-200'" class="p-2 rounded" aria-label="Italic" :aria-pressed="isActive('italic') ? 'true' : 'false'">
I
e.chain().focus().toggleHeading({ level: 1 }).run())" :class="isActive('heading', { level: 1 }) ? 'bg-blue-100' : 'hover:bg-gray-200'" class="px-3 py-2 rounded text-sm font-medium" aria-label="Heading 1">H1
e.chain().focus().toggleHeading({ level: 2 }).run())" :class="isActive('heading', { level: 2 }) ? 'bg-blue-100' : 'hover:bg-gray-200'" class="px-3 py-2 rounded text-sm font-medium" aria-label="Heading 2">H2
e.chain().focus().toggleHeading({ level: 3 }).run())" :class="isActive('heading', { level: 3 }) ? 'bg-blue-100' : 'hover:bg-gray-200'" class="px-3 py-2 rounded text-sm font-medium" aria-label="Heading 3">H3
e.chain().focus().toggleBulletList().run())" :class="isActive('bulletList') ? 'bg-blue-100' : 'hover:bg-gray-200'" class="p-2 rounded" aria-label="Bullet list">
e.chain().focus().toggleOrderedList().run())" :class="isActive('orderedList') ? 'bg-blue-100' : 'hover:bg-gray-200'" class="p-2 rounded" aria-label="Numbered list">
e.chain().focus().toggleBlockquote().run())" :class="isActive('blockquote') ? 'bg-blue-100' : 'hover:bg-gray-200'" class="p-2 rounded" aria-label="Block quote">
Cancel
Unpublish
...
Save Draft
Saving...
Publish to Shopfront
Publishing...