Code Monkey home page Code Monkey logo

imrdjai-mde's Introduction

Replaced with MDE Ultimate.


iMrDJAi-MDE

${Mr.DJA} Markdown Editor - Open source, Simple, Easy to use and fully featured markdown editor built with vanilla Javascript, and powered by good libraries.


For Testing

Thats the Github Pages link, it will be used as a demo, and to preview the changes and the new commits while development in real time.

Note: You will see that the URL is followed with a query (?version=), it's just a trick to flush the cache and to force page to show its new changes. You can put any random string that you didn't use before as its value.

To-Do

  • Make it responsive.
  • Add a resize button (to make it easy to resize for mobile users).
  • Update the sup/subscript regex (to support using the links syntax).
  • Update the Embeds system (it needs more work).
  • Add customizable text length limit. (no need, maxlength attribute on textarea tag can handle that).
  • Update the help text.
  • Shouldn't I replace the image button with an embed button? (because the MDE now supports videos, audios, embeds and more).
  • More unexpected work.
  • First release.

Problems

  • I need to find a way to apply aspect ratio on Youtube iframes. It should be: aspect-ratio: 16:9, max-width: 100%, min-width: 200px.

Future plans

  • Add Codemirror and customize the markdown mode to add the new tags.
  • Add new tags:
    • Colors (using §n like Minecraft).
    • Task-lists (like Github).
    • Emojies (like Discord).
    • More..

Note

More contributors are needed. if you are interested to join me to maintain this project, just open an issue.

imrdjai-mde's People

Contributors

imrdjai avatar

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.