Markdown-preview-enhanced: New Features Request

[shd101wyy]

If you are requesting new feature for this packages, please post a ISSUE that indicates the new feature that you want.
Don't comment here anymore.

[atbug]

Best markdown previewer in atom!

Is it possible to add table of contents support with [TOC]?

[shd101wyy]

@mistguy I will try to implement it when I have time ;) Thx

[nicofrand]

I am still wondering how to reduce the font size (for everything), maybe adding the possibility to modify it would be nice ?

I tried to modify the CSS preview but that did not work. I am using the Github.com style (but not the syntax theme because I prefer a black background for my code snippets).

[shd101wyy]

Hello @nicofrand , if you are trying to reduce the font size, you can use Customize CSS command then modify the custom.less file

Then add
font-size: 0.8em !important; // any number you want

under .markdown-katex-preview.custom section.

After saving the custom.less file you need to restart the atom editor to see the change.

However, there is a bug right now that the font size doesn't change in the generated pdf file and html file.
I will fix this bug in the future.

[nicofrand]

Ah, that's it, I did not restart atom… Thanks !

Does the bug concerns the font size only or everything ? (I have a different output in PDF than in the preview after modifying some margins).

[nicofrand]

@mistguy I am using markdown-toc package and this works fine with this package.

[atbug]

@nicofrand Well, I am expecting something like hyberlinks. Markdown-toc does not handle that. I think this functionality is only possible to be implemented by previewer.

[nicofrand]

My bad, I did not check the HTML result, markdown-toc does generate a TOC with links pointing to the anchors, but the h1/h2/hx do not have a corresponding id attribute, so the links are indeed useless.

[shd101wyy]

@mistguy , Is this what you want?

[shd101wyy]

@nicofrand I have fixed the custom css bug.

Now you don't have to restart the atom to see the change.

You can run Markdown Preview Katex: Customize CSS command then edit the .markdown-katex-preview-custom section

[nicofrand]

Both the custom CSS and the TOC work fine in the preview with the update, thanks. However, I wish that would work when I save as PDF too.

[shd101wyy]

hi @nicofrand , if you are talking about that links of TOC don't work in pdf. I think that is a bug from the electron.

https://github.com/electron/electron/issues/4313

As the current atom editor is based on Chrome/45, the only way to bypass this issue is to open the html in browser and then print as pdf from that browser instead of printing directly from atom editor.

[nicofrand]

OK, thanks for the heads-up !

Another cool feature would be to open automatically the preview pane when I open a markdown file.
There is another atom package (https://atom.io/packages/markdown-preview-opener) that does that for markdown-preview, and this is really handy.

[atbug]

Is it possible that a [TOC] would generate table of contents automatically and update them automatically, like in http://classeur.io/.

[shd101wyy]

@mistguy the 0.5.2 version supports toc update automatically.
I rewrite toc by myself instead of using markdown-toc library as before.
So if the toc behaves buggy, please tell me.

Thanks ;)

[shd101wyy]

@nicofrand the preview will be opened automatically when you open a markdown file now.

You can disable the auto-open feature by unchecking it from the settings panel!

Cheers

[garipan]

There is some features I expecting,thanks for reading.

please makes all the css file of interface editable.only edit the styles.less file is not enough.for example,I want to change style of the

---

tag to dashed ,but when I write down css code in styles.less , there disappears two lines.

[shd101wyy]

Hello @garipan , thanks for you reply.

If you are trying to change the style of <hr> to dashed, you can add following lines

  hr {
    background: transparent;
    border-bottom: 4px dotted #454545;
  }

to .markdown-katex-preview-custom section

If you couldn't find .markdown-katex-preview-custom section in your style.less, you need to ctrl+shift+p and then run Markdown Katex Preview: Customize Css first. This will create .markdown-katex-preview-custom for you.

Cheers

[Ahoge1993]

希望加入流程图和序列图的功能

[Ahoge1993]

公式部分希望能加入语法高亮

[shd101wyy]

Hi @Ahoge1993 , flowchart and sequence diagram are now supported in version 0.5.8.

You can go check mermaid for more information about how to write the graph.
To write flowchart & sequence diagram, simplely add mermaid after ``` .
For example

 

graph LR 
A --> B

However it is still in beta so there might be some bugs.

One bug I found so far is https://github.com/shd101wyy/atom-markdown-katex/issues/22 , which reopened the issue https://github.com/shd101wyy/atom-markdown-katex/issues/7

Please report any further issues that you find.

Thx

[atbug]

With so many new features added to this package, maybe this package need a new name. Especially mathjax support has been added.

[shd101wyy]

@mistguy Hahaha, yea I agree. Do you have any suggestions?

[atbug]

@shd101wyy markdown-preview-enhanced.

New feature request: some hooks to configure mathjax.

For example, auto-numbering can be added this way:
http://docs.mathjax.org/en/latest/tex.html#automatic-equation-numbering

[shd101wyy]

@mistguy Thanks for your advice. I will change the package name in next release.
Thank you very much for your supports all the time!

[JBird608]

Heya @shd101wyy.

Loving the work you have done with this so far, I would agree it is the best markdown editor for Atom. I have a couple of suggestions that I think would really be great additions to the package.

1. A 'task list' feature.
2. Code Syntax Highlighting.

[shd101wyy]

Hello @JBird608 , thanks for your reply!

I think the syntax highlighting should be supported by default.
What Syntax Theme are you using right now for Atom Editor? I think it might be a bug of this package.

I just tried Monokai and Github Syntax Style, it has the following rendering results.

---

As for the "task list" feature, I will try to support it in the next release.
Do you need to save the state of task? So the next when you open the same file, the box will be checked?

Are you talking about Github Flavored Markdown like this? https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments

Thank you very much ;)

[cdarlint]

would you please add emoji support
like this: :+1:

[shd101wyy]

hi @cdarlint , I think emoji is supported by default.

It works on Mac. What operating system are you using?

[cdarlint]

@shd101wyy
I'm using Windows
I've found a atom plug-in that transform string literal :+1: into :+1: and supports auto-completion
so I suppose your emoji is transformed into emoji Unicode by Mac
Please test if it works on plain text input

Thanks

[shd101wyy]

@cdarlint
I found that autocomplete-emojis is a very nice plugin for displaying emoji and it works for all different kinds of files. So I would like to recommend you to use this plugin.

---

Update: lol autocomplete-emojis is actually an official plugin made by atom, so it's definitely a good choice.

[shd101wyy]

Hi all, atom-markdown-katex has been renamed to markdown-preview-enhanced.
Please uninstall the old package and install the new one markdown-preview-enhanced

Cheers 👍

[shd101wyy]

Hi @JBird608 , the task list is now supported.

[JBird608]

That's awesome. Thank you very much.

I'll get it downloaded right away.
:D

On Friday, 20 May 2016, Yiyi Wang [email protected] wrote:

Hi @JBird608 https://github.com/JBird608 , the task list is now
supported.

—
You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
https://github.com/shd101wyy/markdown-preview-enhanced/issues/9#issuecomment-220500493

Thank You,
Joe Curran.

Web Designer & Developer.
Twitter: @JBird608
LinkedIn: in/joecurrancodes
Web: http://joecurran.codes

[jakemkc]

I found markdown-preview-enhanced is more powerful than Markdown Preview from the default Atom installation. Really appreciate for your nice work.

However, is it possible:

1) to render a newly created file without being saved first?
2) to render a saved file not restricted to *.md but also others, such as *.txt?

These 2 can be done with the Markdown Preview package.

Jake

[atbug]

Is it possible that preview pane will switch to corresponding document automatically when switching documents in editor pane?

Thanks!

[shd101wyy]

Hi @jakemkc , sorry for my late reply.

There are several reasons why the markdown file is required to be saved first:

1. PDF and HTML file generation requires the file path in order to be generated under the same directory.
2. image relative path requires file path.
   for example

![test](../images/test.png)

etc

Sorry for the trouble

[shd101wyy]

Hello @mistguy , after version 0.6.6 this package will only open one preview window. So when you switch markdown files, the preview window will only render the content that you are editing.

[NeedsAdjustment]

Page numbers or a customizable header/footer for exported .pdf files would be _amazing_. https://github.com/cakebake/markdown-themeable-pdf does this, but it's not as cool.

[noullove]

including plantuml rendering feature.
https://atom.io/packages/plantuml-viewer

[shd101wyy]

HI @noullove , thanks for your reply

I have finished implementing the support for plantuml

However, I am planning to add more features to this package. It will take me a few days.
I will notice you once I publish the new version.

Thanks

[shd101wyy]

Hi @NeedsAdjustment , I will try to upload a new version that supports the feature you required by the end of this week.

[noullove]

Thank you. I will wait for the next release.

나의 iPhone에서 보냄

1. 
   
   1. 
      
      
      1. 오후 5:10 Yiyi Wang [email protected] 작성:
      
      
      
   
   

HI @noullove , thanks for your reply

I have finished implementing the support for plantuml

However, I am planning to add more features to this package. It will take me a few days.
I will notice you once I publish the new version.

Thanks

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub, or mute the thread.

[shd101wyy]

Hi @noullove , the new version 0.7.2 supports PlantUML now. ;)

[cha2maru]

If possible , I want to set the argument at the time of mermaid.initilize run .
I have been using to remodel as follows md.coffee.
md.coffee line 17

mermaidAPI.initialize({
    startOnLoad: false,
    gantt:{
        axisFormatter: [
            ["%m/%d", ((d) -> return d.getDay()==1)],
            ["%y-%m",((d) -> return d.getDay())]
        ]
    }
})

[alexvasseur]

I cannot find .markdown-katex-preview-custom section in my style.less.

Nothing happens when I ctrl+shift+p so I am not sure what I need to do to "run Markdown Katex Preview: Customize Css" that then will create .markdown-katex-preview-custom
Can you explain?

[shd101wyy]

Hi @avasseur-pivotal
The README.md says

You need to run

Then edit

hope this helps

[alexvasseur]

Thanks - I was missing the action to open the Menu "Package / Command Palette / Toggle"

[SudoMike]

Thanks for this great plugin. I'm using Atom with this as a replacement for OneNote! I have a few requests that I think would make this plugin go from amazing to ludicrous:

Preview pane cursor indicator: I would love it if there were an option to have the preview pane indicate where my cursor is in the editor window. I can think of a few ways - show a cursor, highlight the word that the editor is on, or highlight (with a slight background color offset) the line that the editor is on.

Sync editor position to preview window: If I click in the Markdown preview window, move the cursor in the editor window to that location. Alternatively, have a right-click option that would do this. This would really help because I always want to read my notes in Markdown, but then it can take some time to figure out where exactly the right code is in the editor window.

Highlight searches in the preview window: When I search for things in the editor window, they're highlighted over there but not in the preview window. Since I want to orient most of my reading in the preview window, it'd be nice if it could show the search matches there as well as in the editor window.

[shd101wyy]

Hi @SudoMike ,

Thanks for your reply. Your idea looks very hard haha, I will try to implement them when I have time.

Cheers.

[shd101wyy]

From now on, please post feature request in a new issue.

Thank you ;)

[shd101wyy]

Hi @cha2maru

You can now edit config of mermaid by running Markdown Preview Enhanced: Config Mermaid command. It will open the mermaid_config.js file located at ~/.atom/markdown-preview-enhanced/ folder. You may need to restart atom after you make changes.

Thanks

[cha2maru]

Thank you very much.
But , unfortunately , I wish the results could not be obtained .
That mermaid_config.js to mermaid.initize on the source code has been loaded I was confirmed , but the settings were not reflected .
( There is a problem and is generating the object as Promise from a file ?
When you pass the same as purely object with the previous post was not a problem . )

Please tell me if there is a place which is wrong in the following description method .

'use strict'
// config mermaid init call
// http://knsv.github.io/mermaid/#configuration
//
// you can edit the 'config' variable below
// everytime you changed this file, you may need to restart atom.

let config = {
  startOnLoad: false,
  gantt:{
        axisFormatter: [
            ["%m/%d", function (d) {
                return d.getDay() == 1;
            }],
            ["%y-%m",function (d) {
                return d.getMonth();
            }]
        ]
    }
}

module.exports = config || {startOnLoad: false}

[shd101wyy]

Hi @cha2maru , should be fixed now in version 0.7.6. Thanks

[cha2maru]

@shd101wyy , Thanks. Version 0.7.6 was working perfectly .

[Cphoenix]

Multi-line maths with KaTeX? Forgive me if I'm just being obtuse and missing it if it's already there, but it would be nice to use them along with environment settings to do stuff like aligning multiple lines of equations.

[shd101wyy]

Hi @Cphoenix , thanks for your reply.

I think the multi-line maths that you mentioned should already be supported by default.
You can post issues if you meet problem.

Thanks.

[shd101wyy]

I am closing this post (New Features Request) out.
If you are requesting new features, please make a new post in Issues.

Thanks ;)

[Cphoenix]

@shd101wyy You're right. I'm new to using LaTeX for maths so I was overlooking the aligned, \\ and & combination required when using KaTeX to get what I want. :flushed:

[eddy-ojb]

Hello, is there a way to preview a pdf on here? e.g. say if one were to include page breaks in mark down? I'd like to be able to produce long html and pdf documents!

Ed