Jump to content
stefanlasiewski

web Try "Markdown Here" with Evernote Web for Markdown support!

Recommended Posts

I just learned about the Markdown Here browser extension for Firefox, Chrome and Safari. This allows Markdown to be used in the Evernote Web interface, as well as in Gmail, Google Sites and a smattering of other applications (Not Google Docs, since Google Docs has a different editor & API). It seems to work with Evernote Web as well, and the community says it "Works Great" with Evernote. Markdown Here is an open-source project hosted on GitHub: https://github.com/adam-p/markdown-here/blob/master/README.md

 

Given Evernote Web's lack of keyboard shortcuts, Markdown Here goes a long way to improve keyboard efficiency.

 

Check it out.

 

-= Stefan

  • Like 1

Share this post


Link to post

[Moved to 3rd Party Application discussion forum]

Thanks for the link.

Share this post


Link to post

I’m the developer of Markdown Here. Thanks for mentioning it, Stefan. If anyone has any feedback or questions I’d be happy to hear them.


I should clarify that it wasn’t the “community” that said MDH “works great” with Evernote — it was me. So… take that with a grain of salt. And report a problem if you find one.


(Tangentially… Markdown Here ought to work in this forum editor, since it seems to be using CKEditor, which MDH generally works with. Except the contenteditable attribute is on the html element rather than the body. Interesting… I’m not sure I’ve seen that before. Maybe I’ll add a check/fix for that.)


  • Like 1

Share this post


Link to post

This is really cool, I have only just started using it, but it s much easier then copying and pasting from an external source. Unfortunately, I don't use a web interface very often, but If you made this into a windows right-click menu option I would be pretty excited.

Share this post


Link to post

I just learned about the Markdown Here browser extension for Firefox, Chrome and Safari. This allows Markdown to be used in the Evernote Web interface, as well as in Gmail, Google Sites and a smattering of other applications (Not Google Docs, since Google Docs has a different editor & API). It seems to work with Evernote Web as well, and the community says it "Works Great" with Evernote. Markdown Here is an open-source project hosted on GitHub: https://github.com/adam-p/markdown-here/blob/master/README.md

 

Given Evernote Web's lack of keyboard shortcuts, Markdown Here goes a long way to improve keyboard efficiency.

 

Check it out.

 

-= Stefan

Thank you soo much Stefan. I have been looking for ways to view my Markdown in Evernote, and this works perfectly. Plus is basically works on any website with a text field that I type Markdown into. Life saver!

Share this post


Link to post

Fooey. Markdown here stopped working for me within Evernote Web. I'm using Firefox.

 

Oh well, at least it works well in Gmail.

 

-= Stefan

 

I just did some testing, and in Firefox there are too many blank lines appearing. This totally breaks tables and causes extra lines in code blocks. Is that what you're seeing, or something else?

 

Also try restarting your browser. There's an outstanding bug where sometimes Markdown Here in Firefox mysteriously stops working and requires a restart.

 

Adam

Share this post


Link to post

It seems to me that DOMscraping - which such an extension must do - is prone to the target page changing shape WITHOUT NOTICE.

 

That's not a reason not to attempt such an extension - but I expect the owner to have to rework it occasionally WITHOUT NOTICE.

 

The idea of writing an extension (and I've written one internal to my employer before) for interacting with Evernote Web is, I must admit, attractive - despite what I said above. If I did one it'd probably add table editing functionality such as "add n rows below this one".

Share this post


Link to post

It seems to me that DOMscraping - which such an extension must do - is prone to the target page changing shape WITHOUT NOTICE.

 

You're correct in principle: Evernote could certainly change their interface in such a way that Markdown Here stops working -- possibly even forever.

 

But it's not really as fragile as that. Evernote -- and almost every other "rich edit" web thing -- uses an edit box with the "contenteditable" attribute set. When you click the Markdown Here button, it reads the contents of the box as plain text (Markdown), renders to HTML, and sticks the HTML back in the box. That's it.

 

There is, of course, annoying variability between the way different sites use the edit box, but it mostly works. In fact, it works so well that I didn't actually target Evernote when I created it -- MDH was only targeted at webmail (Gmail in particular). But then I (and other users) discovered that it works in a lot of places. You can see the list of at-least-somewhat-compatible sites I've compiled here.

 

Edited to add: And if/when Markdown Here does break... that just means you won't be able to use it anymore. It won't damage any notes you've already created with it. So the possible future breakage shouldn't dissuade you from using it (except that you'll be sad).

 

 

Adam

  • Like 1

Share this post


Link to post

Thanks for the tip, I have installed Markdown Here. I am also doing some testing with Byword, available on the App Store, which has a Evernote plug-in. 

Share this post


Link to post

@Adam Pritchard I just edited your wiki to point out that the reason Markdown Here might work with Evernote is that it uses TinyMCE albeit Version 3 rather than the current Version 4. Might have some bearing on how well or badly it works.

Share this post


Link to post

@Adam Pritchard I just edited your wiki to point out that the reason Markdown Here might work with Evernote is that it uses TinyMCE albeit Version 3 rather than the current Version 4. Might have some bearing on how well or badly it works.

 

Interesting, thanks. 

Share this post


Link to post

Now if we could only get TinyMCE upgraded - and with some plugins - in Evernote Web life would be good. @Adam does your code live well with TinyMCE plugins?

Share this post


Link to post

@Adam does your code live well with TinyMCE plugins?

 

I was delaying answering so that I could get a chance to test. But it looks like I'm not actually going to do that testing, so... I have no idea! I don't really know much about TinyMCE, and I don't know anything about its plugins.

 

But if you (or anyone) learns anything, please let me/us know.

 

Adam

Share this post


Link to post

I'm finding that Markdown Here does work well with markdown, right up until you try and add additional text to a previous document, at which point it mangles everything. 

 

Steps to reprouduce: 

 

Write some text in evernote web

Convert to markdown using markdown here

exit evernote web

reopen evernote web

try and add more markdown text to the same document

 

You will find that markdown here is confused about what is and isn't markdown, and will unrender anything that was previously entered . 

 

This makes it pretty much useless for me. 

 

Is there a work around? 

Share this post


Link to post

Once you save the Note, the information that Markdown Here needs to revert back to Markdown is lost. I/we have some ideas for how to deal with this: https://github.com/adam-p/markdown-here/issues/85

 

There isn't a great workaround. But if you just want to render *new* content in a pre-existing Note, you can do it by highlighting the new content and then trigger Markdown Here's render. You can see it in a screenshot here: https://raw.github.com/adam-p/markdown-here/master/store-assets/markdown-here-image2.gimp.png

 

This is quickly becoming a high-priority item and I'm going to dig into it properly soon.

 

Adam

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...