Jump to content

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?

Link to comment
  • Level 5*
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>

Link to comment

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?

Link to comment
  • Level 5*
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

Link to comment

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!

Link to comment
  • Level 5*

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?

Link to comment
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.

Link to comment
  • Level 5*

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
Link to comment
  • Level 5*

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.

Link to comment
  • 1 year later...

I know this is an old topic, but I needed to do this as well. I have Zapier push data to a note in Evernote that has tables, but the tables would not expand (just like the picture above). What I had to do was have Zapier send an HTML email to my EVERNOTE email (the one that generates a note when you email it). That did the trick and is working much better now!

  • Like 1
Link to comment

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