search

Ionaru / easy-markdown-editor

EasyMDE: A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.
https://stackblitz.com/edit/easymde
MIT License
2.39k stars 316 forks source link

Can we edit the visual look of the editor #317

Open krishnerkar opened 3 years ago

krishnerkar commented 3 years ago

I am making a unique looking app using blocks.css as the main style. I want to have similar styles to the editor.

How can I add custom CSS/styles to it?

I want something like this : image

Ionaru commented 3 years ago

You can overwrite any of the styles that are added by the editor, just make sure to load your custom stylesheet after the editor's.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <link rel="stylesheet" href="https://unpkg.com/easymde/dist/easymde.min.css">
    <link rel="stylesheet" href="/assets/custom.css">
</head>
<body>
    ...
</body>
</html>

Have a look in https://github.com/Ionaru/easy-markdown-editor/blob/master/src/css/easymde.css to see what classes you might want to overwrite.