Syntax highlighting for the editor about stackedit HOT 23 CLOSED

It's not in the road map, sorry. Moreover, I have played with the idea of replacing the editor by ACE or something like that, but it's heavier than a textarea and I'm not sure it's compatible with PageDown.

from stackedit.

Please do not switch to ACE, it's awful.

from stackedit.

adam-p has done an awesome job about it and his plugin is able to interpret all Github recognised syntaxes. Would it be very difficult to take inspiration from his project?

from stackedit.

@Atcold Am I missing a point or you are off-topic?

from stackedit.

OMG.. Ok, I got confused by the term syntax highlighting.. Sorry about that. Shall I open a new issue then, pointing out the lack (or I'm just blind 😖) of syntax highlighting within a code block?

from stackedit.

The code is highlighted in the preview if you use fenced code blocks in your markdown (```) and you have the markdown extra extension/prettify option enabled in the settings.

from stackedit.

What I am trying to say is that ````lua` and `````, as code block opener, have the same syntax highlight in your app, whereas here on Github (and in adam-p project) the difference is properly recognised

io.read()

io.read()

from stackedit.

StackEdit uses Prettify which performs language auto detection. He is using highlight.js and a specific stylesheet I suppose. I suggest you to open a new issue for the support of others highlighting library. You can also create a theme if you want to customize the style in the preview.

from stackedit.

I understand now. Thank you

from stackedit.

👍

from stackedit.

So have your editing content syntax highlighted for "Markdown" is not in the road map?

from stackedit.

Not for now, it's not supported by pagedown's editor.

from stackedit.

I am not verse with the code itself. But can you explain why is it not possible to just apply Highlight JS over the editor side just like this project here http://dillinger.io/

Also their left and right panel seems to sync much faster. Is that a performance issue on the StackEdit or is it something we can tweak here?

from stackedit.

Hi @bbhenry
First, I'm working on this at the moment and it's not that straight forward. Dillinger relies on ACE editor (which is more than just a textarea) for markdown syntax highlighting, not on Highlight.js.

Regarding scrolling synchronization it's another issue. So please open a new issue.

from stackedit.

Thanks for the explanation. I will open a new issue for the synchronization delay.

from stackedit.

Sorry @DeLaGuardo the damage is done.

from stackedit.

@@
@benweet , does that mean we are switching from PageDown to ACE based on your reply to DeLaGuardo?

from stackedit.

We are using both ACE and pagedown. I had to fork pagedown to make the whole thing possible.

from stackedit.

@benweet
Since Stackedit now has its foot in ACE, is it possible to implement the same syntax highlighting on the editor side like http://dillinger.io/ ?

from stackedit.

Syntax is already highlighted in the editor. The difference is that there is no color in the default theme (only grayscale/italic/bold). You can try the "school" theme if you want some color or implement your own theme.

NOTE: if you don't see any syntax highlighting, you may have disabled ACE in Settings->Mode.

from stackedit.

Ok, I checked the mode and it was on ACE. Changed my theme from "Default" to "Night", reload the page and still don't see colors. Here is a screen shot for you.

from stackedit.

It is highlighted. The titles are bold and white instead of gray, the links are underlined... Again, the only theme with colored syntax highlighting is "school".

from stackedit.

ah, I see. Thanks.

from stackedit.