Icons of the toolbar not show.

[oriolrg]

I implement you markdown-editor in my project, but the icons of de toolbar not show. Only show btn-outline-secondary

[nasa8x]

add fontawesome cdn: https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css

[jpacitto]

Even after implementing fontawesome cdn, still having issues with toolbar alignment not being as shown in demo

[nasa8x]

Please import css import 'v-markdown-editor/dist/v-markdown-editor.css';

or use cdn

https://cdn.jsdelivr.net/npm/v-markdown-editor/dist/v-markdown-editor.css

[jpacitto]

I already had 'v-markdown-editor/dist/v-markdown-editor.css' imported in main.js of my vuejs project but the icon alignment and style are still the same as the image above. This was testing in a bare bones vuejs project.

[pevandenburie]

Is there a way to use FontAwsome icons using vue-fontawesome component instead of using a CDN ?

I imported icons the documented way, but still icons are not loading:

import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { fab } from '@fortawesome/free-brands-svg-icons'
import { fas } from '@fortawesome/free-solid-svg-icons'
library.add(fab, fas)
// Vue.component(FontAwesomeIcon.name, FontAwesomeIcon)
Vue.component('font-awesome-icon', FontAwesomeIcon)

thanks

[glensc]

I stumbled exactly to this problem. the setup instructions lack completely mentioning that fontawesome fonts must be loaded.

first, it shows tiny pixels, but if only adding fontawesome css to page, the icons appear but they are misplaced like on the screenshot of the third comment:

• https://github.com/nasa8x/v-markdown-editor/issues/10#issuecomment-635618349

[sheey11]

needs to import morioh.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/morioh/dist/css/morioh.min.css">