How to Edit the HTML of Evernote Notes on a Mac

Open your note in Evernote., Modify the note (even just a little bit)., Navigate away from the note., Open the “Evernote” menu at the top of the screen, then select “About Evernote”., Press the ⌥ Option key., Click “Open database folder.” This will...

24 Steps 2 min read Advanced

Step-by-Step Guide

  1. Step 1: Open your note in Evernote.

    You can use a built-in tool called TextEdit to modify the code of your notes.

    The code, called ENML code, is used to format the content of your notes.

    The syntax is mostly the same as HTML.Editing the HTML of your note won’t affect your ability to edit the note using the built-in tools.
  2. Step 2: Modify the note (even just a little bit).

    This is so that the note’s “Date Modified” in your filesystem is updated. , It’s important that the note is not open while you edit the code.

    Open a different note, but leave the application open. ,, A link that says “Open database folder” will appear. ,, Double-click the “www.evernote.com” folder instead. , Your user account will be an 8-digit folder in the folder you just opened. , Here you’ll find several folders with numerical names.

    Each of these folders contains the raw data for your notes.

    You’ll need to organize them by date to find the correct one to edit. ,,, Here you’ll see a file called “content.html”.

    This is the HTML file for your note. ,, Evernote allows the use of XHTML tags to format the note’s layout, as well as in-line CSS to specify colors and font styles.Use the the Evernote Markup Language developer’s guide to learn which elements are allowed. , Now that you’re editing the HTML, you can set a new solid color or a background image.

    Find the <en-note> tag.

    After “en-note”, hit space and type style=”background:#95DEFF;”>.

    The line should now read: <en-note style=”background:#95DEFF;”>.

    To use an image instead of a solid color, add this after en-note instead: style=”background-image:url(‘yourURL’);”>.

    The line should now read: <en-note style=”background-image:url(‘yourURL’);”> where “yourURL” is the full path to the image. ,
  3. Step 3: Navigate away from the note.

  4. Step 4: Open the “Evernote” menu at the top of the screen

  5. Step 5: then select “About Evernote”.

  6. Step 6: Press the ⌥ Option key.

  7. Step 7: Click “Open database folder.” This will open a Finder window.

  8. Step 8: Double-click “accounts

  9. Step 9: ” then open the folder called Evernote.If you installed Evernote from the App Store

  10. Step 10: you won’t see the “Evernote” folder.

  11. Step 11: Open your user account folder.

  12. Step 12: Open the “content” folder.

  13. Step 13: Ctrl+click a blank area in the list of files

  14. Step 14: then click “Arrange By”.

  15. Step 15: Click “Date Modified.” This will display the folders in the order they were last modified

  16. Step 16: with the most recently modified folder at the top.

  17. Step 17: Double-click the folder at the top.

  18. Step 18: Right-click (or Ctrl+click) content.html

  19. Step 19: navigate to “Open with

  20. Step 20: ” and select “TextEdit.” You will now see an editable version of your note in TextEdit.

  21. Step 21: Edit the code.

  22. Step 22: Change the background of a note.The default background (and only option in the software) is solid white.

  23. Step 23: Click “File

  24. Step 24: ” then “Save.” Once the note is saved you’ll be able to view your modifications in Evernote.

Detailed Guide

You can use a built-in tool called TextEdit to modify the code of your notes.

The code, called ENML code, is used to format the content of your notes.

The syntax is mostly the same as HTML.Editing the HTML of your note won’t affect your ability to edit the note using the built-in tools.

This is so that the note’s “Date Modified” in your filesystem is updated. , It’s important that the note is not open while you edit the code.

Open a different note, but leave the application open. ,, A link that says “Open database folder” will appear. ,, Double-click the “www.evernote.com” folder instead. , Your user account will be an 8-digit folder in the folder you just opened. , Here you’ll find several folders with numerical names.

Each of these folders contains the raw data for your notes.

You’ll need to organize them by date to find the correct one to edit. ,,, Here you’ll see a file called “content.html”.

This is the HTML file for your note. ,, Evernote allows the use of XHTML tags to format the note’s layout, as well as in-line CSS to specify colors and font styles.Use the the Evernote Markup Language developer’s guide to learn which elements are allowed. , Now that you’re editing the HTML, you can set a new solid color or a background image.

Find the <en-note> tag.

After “en-note”, hit space and type style=”background:#95DEFF;”>.

The line should now read: <en-note style=”background:#95DEFF;”>.

To use an image instead of a solid color, add this after en-note instead: style=”background-image:url(‘yourURL’);”>.

The line should now read: <en-note style=”background-image:url(‘yourURL’);”> where “yourURL” is the full path to the image. ,

About the Author

S

Scott Anderson

Experienced content creator specializing in DIY projects guides and tutorials.

45 articles
View all articles

Rate This Guide

--
Loading...
5
0
4
0
3
0
2
0
1
0

How helpful was this guide? Click to rate: