Jump to content
Eva S

HTML Tables that work with Evernote API?

Recommended Posts

Hi there!

I've contacted support and I am still waiting to hear back but in the meantime I wanted to ask this community in case you have any ideas. I am using Zapier to integrate Outlook meetings with Evernote. I have a zap set up that creates a new note in Evernote every time a new meeting invite is sent to my Outlook calendar. The new note has a pre-set template that includes some information extracted by Zapier from the Outlook invite and along with some additional pre-set info I want every meeting note to contain (follow up tasks and decisions, meeting notes etc.). This new note styled in HTML in Zapier (I made sure the styling is ENML compliant) relies on tables to organize this information.

Unfortunately, it seems that there's a breakdown that happens on Evernote's end that cleans out any styling of the tables that relates to width or spacing and removes any custom widths. Everything else shows up exactly as intended except for the widths. 

Evernote tables.JPG

I triple checked with Zapier support that the breakdown doesn't happen on their end and they checked their logs being sent over to confirm their fields are being cleaned out by Evernote.

Zapier logs.png

Zapier support (side note: their customer support is stellar, even for free users) even offered to help me through the issue if Evernote can give us an example of an HTML table that works with their API and has a custom width. They said if Evernote can give us an example of table that works we can use that to build a note that does what I need. 

Does anyone here have any pointers or know of any examples we can use?

Share this post


Link to post
37 minutes ago, Eva S said:

Does anyone here have any pointers or know of any examples we can use?

Here's a sample of Evernote's enml code for this sample table

edit:  an actual table, generated by the Evernote editor.


                                                                    1445289484_ScreenShot2019-04-19at08_49_11.png.725488bc4882e0f046ffbf796bad6a48.png

<!DOCTYPE en-note SYSTEM "http://xml.evernote.com/pub/enml2.dtd"><en-note><div><div><br /></div><table style="border-collapse: collapse; min-width: 100%;"><colgroup><col style="width: 205px;" /><col style="width: 89px;" /><col style="width: 232px;" /><col style="width: 130px;" /></colgroup><tbody><tr><td style="width: 205px; padding: 8px; border: 1px solid;"><div>a</div></td><td style="width: 89px; padding: 8px; border: 1px solid;"><div>b</div></td><td style="width: 232px; padding: 8px; border: 1px solid;"><div>c</div></td><td style="width: 130px; padding: 8px; border: 1px solid;"><div>d</div></td></tr><tr><td style="width: 205px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 89px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 232px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 130px; padding: 8px; border: 1px solid;"><div><br /></div></td></tr><tr><td style="width: 205px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 89px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 232px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 130px; padding: 8px; border: 1px solid;"><div><br /></div></td></tr><tr><td style="width: 205px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 89px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 232px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 130px; padding: 8px; border: 1px solid;"><div><br /></div></td></tr><tr><td style="width: 205px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 89px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 232px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 130px; padding: 8px; border: 1px solid;"><div><br /></div></td></tr><tr><td style="width: 205px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 89px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 232px; padding: 8px; border: 1px solid;"><div><br /></div></td><td style="width: 130px; padding: 8px; border: 1px solid;"><div><br /></div></td></tr></tbody></table><div><br /></div></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div></en-note>

Share this post


Link to post

Thanks you so much for your response! My tables were styled similar to the note you appended but the problem is that evernote somehow clears out that style applied. I even tried being creative with padding and that didn't work either. Width styling only gets stripped out as it relates to tables it seems - any other random div is unaffected. 

Is this a table that works with Evernote's API? If yes, what integration is that for?

Share this post


Link to post
7 minutes ago, Eva S said:

Is this a table that works with Evernote's API? If yes, what integration is that for?

I posted an actual table, generated by the Evernote editor.

I used my Mac to copy the code from the content.enml file

Share this post


Link to post

Ah yes, I tried that too. Good thought but it seems to be something that happens at the API level so I'd need an example of a table that is styled at a fixed width and sent through API and appears correctly in EN. Thank you though, appreciate it!

Share this post


Link to post

I have no experience with this sort of issue,  but I wonder - could you output your report as a PDF document or an HTML email and simply send that already-formatted file to Evernote for inclusion in a note?

Share this post


Link to post
1 minute ago, gazumped said:

I have no experience with this sort of issue,  but I wonder - could you output your report as a PDF document or an HTML email and simply send that already-formatted file to Evernote for inclusion in a note?

Oh that's an interesting idea. Like send it to a different end point and then from that point send it to Evernote? The problem is that I can't think of anything else other than Zapier (I guess IFTTT might be an option) that works automatically. Do you know where I could have zapier send that HTML from which I could use IFTTT to send that over to evernote? 

 

I'd prefer a direct Outlook->Zapier->Evernote integration if possible but will consider this as a last resort. I am making a case for using evernote org-wide to my boss by the end of the month and this styling issue is driving me crazy because other than that EN would have my full endorsement. Ugh.

Share this post


Link to post

Might be worth a chat with Zapier to see what they could do with the Outlook meeting other than send it to Evernote.  Could Zapier generate your template as an email?  They're one service I don't use much,  so uncertain how flexible they can be.

  • Like 1

Share this post


Link to post

Just an FYI, you can export an EN table to an ENEX and modify the ENML.  However, changes relative to padding and the like are ignored when the note is brought back into EN.  This used to work a ways back, but no more.

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...