Git Product home page Git Product logo

liyasthomas / marcdown Goto Github PK

View Code? Open in Web Editor NEW
418.0 418.0 36.0 1.99 MB

๐Ÿ‘ป Lightweight realtime markdown viewer and editor - Simple, clean and beautiful https://liyasthomas.github.io/marcdown

Home Page: https://liyasthomas.github.io/marcdown

License: MIT License

HTML 27.48% JavaScript 56.15% CSS 16.37%
javascript liyasthomas markdown markdown-editor markdown-parser markdown-viewer

marcdown's Introduction

marcdown's People

Contributors

kuldeepdev407 avatar liyasthomas avatar mskian 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  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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

marcdown's Issues

Undo does not work with markdown buttons

Describe the bug
Keyboard undo shortcut does not work if you click on a markdown button from the toolbar. CMD/CTRL + Z

To Reproduce
Steps to reproduce the behavior:

  1. Click on H1 or whatever
  2. CMD/CTRL + Z
  3. Markdown still there

Expected behavior
If hitting a symbol from the toolbar by accident or the wrong one, one should be able to undo from keyboard.

Desktop (please complete the following information):

  • Mac Mojave
  • Chrome
  • Version 75.0.3770.100 (Official Build) (64-bit)

Unable perview Mark down

Describe the bug
When editing the markdown is not working the api has been updated

To Reproduce
Steps to reproduce the behavior:

  1. Open https://liyasthomas.github.io/marcdown/
  2. Try to Add text but markdown is not working

Expected behavior
When updating text markdown should also update

Screenshots

2023-10-02 10-25-55

Desktop (please complete the following information):

  • OS: Windows
  • Browser I have tried on Firefox and Edge
  • latest version on 2023-10-02

Additional context
I think it is marked library issue i am just creating pr for this in few minutes

Markdown & Text is not visbile in day/light mode

Describe the bug
The Input and output text is not visible in light mode app.

To Reproduce
Steps to reproduce the behavior:

  1. Go to liyasthomas.github.io/marcdown
  2. type something in input
  3. the input color is not properly visbile.
  4. See error
    Screenshot at 2020-05-31 06-36-00

Expected behavior
Should be visible

Desktop (please complete the following information):

  • OS: Parrot 4.6 64-bit
  • Browser: Chrome
  • Version: 75.0.3770.100 (Official Build) (64-bit)

Additional context
Theme Should follow Proper Contrast Ration of font color and background color.

Scroll lock for markdown/preview

Is your feature request related to a problem? Please describe.
The issue is that the preview window does not scroll as you are typing down.

Steps to see issue.

  1. Type paragraphs until markdown window is full
  2. the preview starts to jump up and down as you type.
  3. Scroll markdown window down
  4. Type some more
  5. Markdown window jumps back to the top

Describe the solution you'd like
Preview should be automatically scrolling as you are typing or scrolling markdown side.

Letters not showing on preview side occasionally

Describe the bug
Sometimes words do not show complete on the preview window. It is happening randomly.

To Reproduce
Steps to reproduce the behavior:

  1. Type a document on the markdown side
  2. Watch the preview, missing a few letters
  3. After manually scrolling or clicking around letters appear

Expected behavior
I believe words should show entirely as you types

Desktop (please complete the following information):

  • Mac Mojave
  • Chrome
  • Version 75.0.3770.100 (Official Build) (64-bit)

Additional context
Add any other context about the problem here.

Screen Shot 2019-07-03 at 11 13 49 PM

How do I integrate your editor into my web application?

Is your feature request related to a problem? Please describe.
I'd like to use your marcdown-editor in one of my projects, but I have no idea how it is supposed to be used inside other projects.

Describe the solution you'd like
A documentation explaining how to use your editor inside other projects would help a lot.
Some kind of installation-manual would be nice.
Furthermore a short description on how to modify the code would be nice as well.

Describe alternatives you've considered
There is no alternative to a documentation ;)
Having some kind of build or deploy directory containing ready-to-use files that just needs to be included in the main HTML file will also work as long as the project is as small as this project is.

Additional context
I was just looking at the code to figure out if simple copy&paste would be enough to use your editor. Obviously it is not, because index.css defindes properties of body and other basic HTML elements. So using this file directly would break the whole application :)

Added more themes

Is your feature request related to a problem? Please describe.
Instead of light/dark mode, add more themes.

Describe the solution you'd like
User can select desires theme from list and save them to localStorage so that next time user don't have select theme again.

Describe alternatives you've considered
Switch between light and dark mode.

Additional context
Use standard themes used in text editors.

Render emojis codes

Is your feature request related to a problem? Please describe.

Most of the time I'm using markdown with emoji support (Trello / Github), I would love to use the editor to easily draft my messages but I cannot insert emojis supported by my tools

Describe the solution you'd like

What if the viewer renders the emoji codes (as listed here or preferably by a standard library)

Describe alternatives you've considered

  • Not using the editor for drafts ๐Ÿ˜…
  • Do with the actual version and try to imagine emojis fitting in the text

Additional context

Not sure if this is the kind of feature you want, but I would find this very nice !
Have a wonderful day.

[FR] Better icon

Is your feature request related to a problem? Please describe.
Hey @liyasthomas I was gofing around with your marcdown app and found out that the logo (48 x 48) is not compatible with dark colour scheme.

Describe the solution you'd like
I would like the logo to be both dark and white color scheme compatible

Additional context
Screenshot_2021-11-18-09-32-27-091

As you can see @liyasthomas the logo 48 x 48 I very hard to see in the dark colour scheme.

MathJax support

First of all, I want to thank you for writing this amazing markdown editor! It not only looks beautiful, but seems to do its job well too!

The feature I would like to see implemented is MathJax support. This would allow us to write mathematical equations in plain text, using LaTeX syntax, and have them rendered beautifully as images behind the scenes using the MathJax library.

Describe the solution you'd like
I propose that there are two types of equations, inline and block, just like inline code (` ... ` ) and code blocks (``` ...... ```).

Inline equations are delimited on both sides by single $ symbols as such: The boy wrote $1+1=2$ on the board. A backslash is used to escape $ symbols in the equation (this is usually handled by MathJax itself.

Block equations are seperated by blank lines (just like paragraphs), and have lines containing only $$ above and below. Here is an example:

Einstein's most famous equation is:

$$
E = m \cdot c^2
$$

He is also known for his Theory of General Relativity.

Reference syntax and rendering
Here is a reference markdown file using one block and one inline equation:
MathJax.md

Here is how it should look when rendered (this was done via Typora, an editor similar to this but closed-source.):
MathJax.pdf

Additional comments
As I mentioned earlier, Typora does this and was the inspiration for the syntax used here. I love Typora, except for the fact that it is closed-source and will become commercial when its beta period is over. I think that you should look into Typora for inspiration, as many of its features, like MathJax, Inline WYSIWYG, diagrams, tables, custom CSS themes, and such are quite useful.

Anyway, thanks for such an amazing editor!

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.