Giter Club home page Giter Club logo

examples's Introduction

🍼  Milkdown

ci ts download-badge version discord-badge commit license

A plugin-driven WYSIWYG markdown Editor, inspired by Typora, built on top of prosemirror and remark.

The website is designed by Meo and Mirone. Powered by Theme Nord and Material Design.

Documentation

For more information, please check our official documentation website.

What's Next

You can check our Milkdown TODO project page to know what's on the plan.

You can also check milestones to know what's being worked on.

Community

Welcome to join our Discord community.

Contributing

Follow our contribution guide to learn how to contribute to milkdown.

Contributor

contributors

Special thanks to @Meo for her work in design.

Sponsors

If you like this project, please consider fund me to help the maintenance.

Thanks

Thanks to the following projects and companies for their support to milkdown and the open source community.

           

License

MIT

examples's People

Contributors

digisomni avatar echarles avatar natsuki-engr avatar saul-mirone avatar scenaristeur avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

examples's Issues

Can't get code block language dropdown to appear

Hey, I love the editor. I was just wondering how I could get the language dropdown to work for the code blocks in Angular. I copied the code from your website for the Angular example and I added prismjs to it along with the prism plugin. Another thing I noticed is that tailwindcss seems to continually override the styles unless I add the prose class from tailwind typography.

Here's a repo I made that simulates the issue.: https://github.com/shadow1349/milkdown-test

Thanks!

Example showing how to retrieve the markdown of an editor component on change

Examples show how you can stand up a Milkdown editor component with default values, but I have not been able to find an example where I can register for content changes inside the editor component. I've tried connecting the default value to a reactive variable, but no luck.

This would be a lovely addition to your examples. I'm using Svelte, but I'd imagine any generic example would have transferable concepts to different frameworks.

React Tooltip component throws "out of scope" exception

Hi,

I copied the code from React Tooltip example into my app and it breaks the editor when tries to execute the following:

        ctx.set(tooltip.key, {
          view: pluginViewFactory({
            component: TooltipView,
          })
        })

Here is the error:

Error: out of scope
    at pluginViewContext.ts:23:1
    at ModelDescriptionEditor.tsx:35:1
    at editor.ts:76:1
    at Array.map (<anonymous>)
    at editor.ts:76:1
    at config.ts:15:1
    at editor.ts:143:1
    at Array.map (<anonymous>)
    at ve.<anonymous> (editor.ts:133:1)
    at ve.create (editor.ts:210:1)

Am I doing something wrong? I didn't even change the code, just copied it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.