jbt / markdown-editor Goto Github PK

Hello,

Could you please add Math Equation Support using MathJax?

Thank You.

P. S.
The ToDo list of GitHub doesn't work.

If you're interested in cutting another dependency, you can use something like:

function highlight(code, lang) {
    var dummy = document.createElement('div');
    CodeMirror.runMode(code, lang, dummy);
    return dummy.innerHTML;
}

to perform highlighting instead of hljs. You do have to include all the relevant modes, though.

This has the added benefit of making sure the preview highlighting is identical to the output highlighting.

1. First Item
2. Second Item
3. Third Item

• I
• Love
• Markdown

Do you see how Third Item has additional space on top? In markup, Third Item get's wrapped within a paragraph tag. Putting a horizontal divider( or probably anything else) seems to fix the issue.

1. First Item
2. Second Item
3. Third Item

• I
• Love
• Markdown

NOTE - ONLY ON GITHUB and not on here

markdown-editor does not do URL autolinking as GitHub Flavored Markdown does.

Very useful project, thank you!

All too often I find myself faced with this:

... which really isn't useful.

It's useful to see "the full picture" of how the output looks. This new feature makes it hard, as it forcibly scrolls the edited portion into the top of the view pane.

It would be nice if the scrolling didn't happen when the text that's being edited is already in view. It's perfectly valid to scroll the edited portion into view when it's Not visible.

[some link](https://en.wikipedia.org/wiki/Tree_(data_structure)#Terminologies_used_in_Trees)

parses and is displayed correctly in live preview, but the syntax highlighting is incorrect.

If you make a blockquote, the blockquote is highlighted in green, but the highlighting overflows to anything after the blockquote.

Otherwise I will get strange errors on Chinese system:

And the js file content become:

Add charset fixed the issue:

GitHub sanitizes all inline style attributes but it still renders correctly in Markdown Editor, not sure if it's really a issue of this project since I really like it that way :-)

As stated in the title, use of those takes messes with the syntax highlighting, see the image attached:

It's not a huge problem, the system renders it correctly on the right side, it is just a bit annoying.

Thanks for making this awesome editor.

It seems that Task Lists still not rendered correctly.
https://github.com/blog/1375%0A-task-lists-in-gfm-issues-pulls-comments

But two hyphens renders with your previewer:

https://jbt.github.io/markdown-editor/#c8ssKi5R8EhNTEktUqhRCE5Nzs9LgfK5dJEBUFZXl8s5P68kNa9EwTk1JwcogszFJwcA

Also, I just realized there's a previewer built right into this Issue submitter form. Heh.

awesome work on this project. its super helpful to me on a regular basis!

just wanted to report that your own editor doesn't seem fussed about interrupted lists. it would be cool if the behavior was a little more picky...

1. blah
2. blah blah
![alt-text](./skateboarder.png)  
]// without indenting the image, the numbering below should start from scratch
3.

first let me thank you for this nice editor! ;)

i just stumbled over a maybe not intended behaviour:

Item (unrounded)| Price (unrounded) | LareRound | Financial
 --- | --- | --- 
 item | 10.000 | 10.00 | 10.00
 tax  | 0.823  | 0.82  | 0.83
 **Total** | **10.823** | **10.82** | **10.83**

was rendered as 'correctly' as table in the editor although it was broken, should have been:

Item (unrounded)| Price (unrounded) | LareRound | Financial
 --- | --- | --- | ---
 item | 10.000 | 10.00 | 10.00
 tax  | 0.823  | 0.82  | 0.83
 **Total** | **10.823** | **10.82** | **10.83**

difference of both can be tested right in this comment:

Item (unrounded)| Price (unrounded) | LareRound | Financial
--- | --- | ---
item | 10.000 | 10.00 | 10.00
tax | 0.823 | 0.82 | 0.83
Total | 10.823 | 10.82 | 10.83

sincerely yours

Carsten

HI，when I add a html annotation tag <!-- --> in the editor, text in the input box (left box) can not be displayed in correct format, but the output box (right box) is ok at the same time.

anyone met the same problem with me ?

Limit is around 2000 chars:
http://stackoverflow.com/questions/417142/what-is-the-maximum-length-of-a-url-in-different-browsers

Perhaps some kind of pastebin action would be more suitable.

Derp nevermind, was trying with a .rst file.

Why

When I first stumbled onto this editor, I didn't know that it supported saving and opening files. It was only on reading the initial document that you could find that out. That is not much intuitive.

How

I'm creating a bottom bar that has some buttons like:

• Save
• Open
• Toggle Split View Mode as requested in #5
• More as ideas come.

Thing is, I won't add new features, just ways to discover them easily. Like minor CSS tweaks as in #5 and already existing functionality like saving and link-sharing.

Time Plan

This should be a small contribution. I'll be done by 25th June, if all goes right. Requesting suggestions.

Unfortunately, the font used in this project is not the same as the one used by GitHub. Seeing as this project is designed to mimic GitHub, I feel that the font should be the same. The font used by GitHub for markdown appears to be Helvetica on OS X, but this may be different on other platforms.
Thanks, MicroTransactionsMatterToo

Should help prevent accidental loss of data :(

on GitHub, * ### Resources produces:

• Resources

but in the editor
produces:

Add a Dockerfile to run and test markdown-editor in docker container with super easy setup(in fact, 2 single command).

markdown-editor autolinks IP addresses but GitHub flavored markdown does not autolink IP addresses:
192.168.1.1

Hi, there is this great feature of markdown, them footnotes.
Can you please give me some hints where can i start implementing them in the public code?

The syntax is here is a footnote ¹

For now it only parse as a link.

You can view it here as an example. http://organicorange.ro:8000/git/#fn:1

First of all, thanks for the awesome plug-in.

I've been trying to change the output code syntax highlight (which you said is styled by highlight.js) but for some reason the CSS from highlight.js themes don't works on markdown-editor. It seems that your plug-in use another classes for output code snippets and the styles don't apply.

Is there a way to use highlight.js themes on your plug-in? You you need to port each of them manually?

Please support PlantUML as https://stackedit.io/editor is doing.

Example:

* This is a list item.

      // This is a 6-space indented code block

This renders as a code block in your tool, however Github requires a minimum of 8 spaces for code blocks to be nested in a list item.

Using the following markdown:

test
\
markdown

markdown-editor output is:

test
markdown

GitHub flavored markdown output is:
test

markdown

Thanks for this great, simple editor.

I encountered a small bug: Try the following markdown code in the editor:

# Operators

Operator | Description
-------- | -----------
`&`      | Bitwise and
`|`      | Bitwise or
`^`      | Bitwise xor

In this table, the line line with "bitwise or" is wrongly parsed as having three columns: The pipe character inside backticks | is not ignored but interpreted as a column separator.

I want to do some customization. Does the code have any licence, like MIT?

Footnotes like

blah blah[^1] blah blah
...
[^1]: Footnote

Are supported in jbt/markdown-editor, but they are (shamefully) not supported in the real github (github/markup#498) When I wrote up my readme, your editor tricked me :)

I'm talking about this:

First line has a little more space on the left side. With inspector, I can see it's because an inline element (code) is used to wrap the text inside the block. And it has 3px padding-left, which only applies to the first line, since it's an inline element.

A possible solution would be to give display: block or display: inline-block to the code. But I guess using code elements for code blocks is against its intended semantics, be it fixed with my solution or not.

Hi,
Awesome editor. Just love the feel of it. But, can we have spell check in the editor? That's one thing that's quite important I believe.

Thanks!

It would be nice if you could include the continuelist addon from
http://codemirror.net/addon/edit/continuelist.js

I think markdown-editor is not working with current versions of Codemirror. I tested with 3.11 and 3.16 and the editor is totally broken, is there any plan to update to a more recent version of Codemirror ?

Thanks

I love that the URLs can be grabbed and you don't need to worry about saving or permissions or any of the malarkey, but I do feel that having a way to create a bookmark, some form of canonical link to a document (i.e. the URL will invariable change often) would be beneficial.

I thought I'd ask, firstly, would anyone else find this helpful and if so how would your preferred way be to go about it?

• URL shortening service, that is periodically queried (i.e. goo.gl, I noticed bit.ly doesn't like the length of the URLs)
• A built-in key-value store which generated a short key upon bookmarking, which was kept in sync with the actual URL? This would require some form of storage?

I guess the difficulty here is that this is very much client-side. I'm happy to have a crack at a pull request but I'm sure there are others with decent ideas on how we could go about this, if indeed it's a feature other people would also like?

Hi,

I really like this markdown editor ! But, there's a bug that would make it really better if corrected :)

I often edit files side by side on my screen (so, half the screen for one app and the other app for the other). But, if I use markdown editor on a half screen, I just get the result visualisation (ie the "textarea" editor disappears).

This is not very practical, because it makes it completely impossible to use on a half screen...

Repro:

1. Create a new document using the markdown-editor
2. Insert <br/> somewhere in the document editor

Expected:

• Syntax highlighting continues to work in the editor

Actual:

• Syntax highlighting does not work after `
  

Note that this does not affect the rendering, just the syntax highlighting.

Thanks!

didn't realize you could build this kind of functionality so easily on top of CM. great work, you rule.

instead they are escaped. But Github Flavoured markdown permits direct use of HTML.
Simple example is classic
tag.

I would appreciate some option for customization. For example inflate/deflate are great, but just sometimes.

For inspiration:

• https://github.com/jhollingworth/bootstrap-wysihtml5#options
• https://github.com/OscarGodson/EpicEditor#epiceditor_options_

Is this feature in roadmap?

hello!

First, thanks for this markdown editor, it's really cool. 👍

I've got a problem, though. Here's how I store my bookmarks:

So, as you can see, this looks quite bad...

Do you have any plan on adding a favicon? What do you think of this:

(I have the svg version if you want)

Here's how it looks on a tab (chrome)

Matt

PS: I manage to add it myself (with the User JavaScript and CSS extension), I just thought it'd be nice to share.

If you hit ctrl+s but don't want to save, its impossible to close the save dialog that opened. Adding a simple close button would solve this issue(maybe add the hotkey of pressing esc to close it as well).

• CTRL + B - bold
• CTRL + I - italics
• And maybe more...

There have been 6 PRs that haven't been gotten around to. Since your project gets the highest hits on the internet, it doesn't make sense to fork it and start over on a 'new' url. I would like you to consider adding more maintainers to the project.

Regards
Rohitt

Hi,
this is the best markdown editor, that i view. i have only one comment. is it possible chain scrollbars for automatic move preview down if i write?

thanks
Ondrej Sika

Is it possible like how StackOverflow or the current GitHub GFM MD Editor does?

Attach images by dragging & dropping, selecting them, or pasting from the clipboard.

I've been using this style to omit header rows on tables (a la Bitbucket-flavored MD):

|
|----------|-----------|
| cell 1   | cell 2    |
| another  | a fourth  |

It isn't supported yet by markdown-it but making a plugin was suggested. Since that project follows CommonMark I've commented on their table discussion page.

EDIT: I know this depends on upstream + spec; hopefully similarly-affected users find this issue then voice support on the discussion page. Feel free to close to your preference. Thanks