Notifications
See all
  • Alice C. left a comment.

    1 hour ago

  • Joshua S. uploaded a file.

    2 hours ago

  • Tara S. sent you a message.

    2 hours ago

  • Melany W. left a comment.

    3 hours ago

Erik KovalskyProduct Manager
ProfileView your profile

ProjectsAll my projects
TeamManage your team

SettingsAccount settings

  • Erik KovalskyProduct Manager
    ProfileView your profile

    ProjectsAll my projects
    TeamManage your team

    SettingsAccount settings

Components

  • Components Hub
  • Content
  • Table
  • Display
  • VAvatar
  • VAvatarStack
  • VBlock
  • VIconBox
  • VIconWrap v1.1
  • VSnack v1.1
  • VTag
  • Layout
  • VFlex & VFlexItemv2.0
  • VGrid & VGridItemv2.0
  • VBreadcrumb
  • VTabs v1.1
  • VFlexPagination
  • VMarkdownPreview v2.6
  • VMarkdownEditor v2.6
  • VFlexTable v2.2
  • Accordions
  • Cards
  • Placeholders
  • Plugins

Select Language

Activity

  • Team
  • Projects
  • Schedule
Joshua S. Las Vegas, NV
Melany W. San Jose, CA
Esteban C. Miami, FL
Tara S. New York, NY
The slicer projectgetslicer.io
31%
5 / 24
Metamovies reworkedmetamovies.co
84%
28 / 31
Fast Pizza redesignfastpizza.com
60%
25 / 39

Call Danny at Colby's

Today - 11:30am

Meeting with Alice

Today - 01:00pm

Answer Annie's message

Today - 01:45pm

Send new campaign

Today - 02:30pm

Project review

Today - 03:30pm

Call Trisha Jackson

Today - 05:00pm

Write proposal for Don

Today - 06:00pm

Recently viewed

Browser SupportBlog post
Twitch APIBlog post
Browser SupportBlog post

Recent Members

Alice C.San Diego, CASoftware EngineerThis is a nice user description that we can use as demo content.
Alice C.Software Engineer
Tara S.New York, NYUI/UX DesignerThis is a nice user description that we can use as demo content.
Tara S.UI/UX Designer
Dwayne H.Los Angeles, CAProduct ManagerThis is a nice user description that we can use as demo content.
Jimmy H.Project Manager

Task Details

Overview

Build a desktop and mobile landing page wireframe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Videmus igitur ut conquiescere ne infantes quidem possint. Duo Reges: constructio interrete... See More

Participants

Statistics

5 days
3 files
54
Add Checklist

Files

Preliminary Sketches3MB 5 days ago
DownloadDownload this file
View TaskView related task

UpdateUpload a new version
DeleteDelete this file
Project Budget0.6MB 8 days ago
DownloadDownload this file
View TaskView related task

UpdateUpload a new version
DeleteDelete this file
POC Demo8.75MB 8 days ago
DownloadDownload this file
View TaskView related task

UpdateUpload a new version
DeleteDelete this file

Messages

Send

Welcome

Notifications
See all
  • Alice C. left a comment.

    1 hour ago

  • Joshua S. uploaded a file.

    2 hours ago

  • Tara S. sent you a message.

    2 hours ago

  • Melany W. left a comment.

    3 hours ago

  • Components
  • VMarkdownEditor

VMarkdownEditor

Vuero ship <VMarkdownEditor /> component that combines an accessible Markdown editor with a live preview using <VMarkdownPreview />.

Under the hood, this component uses textarea-markdown-editor exposed api to provide a powerfull Markdown editor for vue 3 with extendable commands support.

Toolbar customization

Toolbar can be customized by passing a toolbar property. You can group commands to display them in a dropdown menu.

Actions can be one of bold, italic, strike-through, h1, h2, h3, h4, h5, h6, unordered-list, ordered-list, code-block, code-inline, code, link, image, block-quotes

You also can pass a custom action to the toolbar by passing a function to the action property.

Custom preview

You can use the preview slot to customize how the preview is rendered.

Markdown syntax supported

VMarkdownEditor Props

Here is the full props available for <VMarkdownEditor /> component:

PropsDefaultType
model-value''string
commands[]textarea-markdown-editor commands
options{
enableIndentExtension: true,
enableLinkPasteExtension: true,
enableOrderedListAutoCorrectExtension: true,
enablePrefixWrappingExtension: true,
enableProperLineRemoveBehaviorExtension: true,
}
textarea-markdown-editor options
toolbarundefined
autogrowfalseboolean

VMarkdownEditor Events

Here is the full events available for <VMarkdownEditor /> component:

EventCallbackDescription
@update:modelValue(value: string) => voidRaised when the textarea value changed
Use v-model directive to bind values

VMarkdownEditor Slots

Here is the full slots available for <VMarkdownEditor /> component:

SlotPropertiesDescription
#before-textarea<{
value: string
}>
Display content before the textarea when in write mode
#after-textarea<{
value: string
}>
Display content after the textarea when in write mode
#preview<{
value: string
}>
Replace preview with custom content