jsTaskPaper: Display Taskpaper Todo lists as HTML using Javascript

Posted on December 23, 2013 by David Hilowitz

For the longest time I’ve wanted to set up a giant billboard-style to-do list in my office–something that would be so big that it would be hard to ignore.  I was tempted by Panic’s gorgeous Status Board iOS app, but I didn’t know how easy it would be to integrate my daily Taskpaper-based todo lists with Panic’s widgets. (Also, the thought of tying up my iPad for this project was a no go.) We have tons of old computers lying around here, all perfect for powering a read-only browser-based status board, so it seemed like a no-brainer to throw something together.

Surprisingly, there didn’t seem to be any Javascript-based TaskPaper formatters out there.  So, using Jim King’s tp_to_html.pl script as a starting point, I created jsTaskPaper, a Javascript library for rendering TaskPaper files as HTML. Here’s what the output looks like:

Screen Shot 2013-12-23 at 3.21.45 PM

Usage is pretty simple. You create a div in your HTML like so:

<div id="scratchTasks"></div>

and then you invoke the Javascript lib as follows:

<script type="text/JavaScript">
$(document).ready(function(){
new TaskPaperPanel('#scratchTasks', '<url-of-taskpaper-todo-file>', 4000);
});
</script>

That’s pretty much it. Once you’ve got it set up, you can style it using the taskpaper.css file.

Check it out here: jsTaskPaper

–Dave

16 Comments »

  1. […] post jsTaskPaper: Display Taskpaper Todo lists as HTML using Javascript appeared first on […]

    Pingback by jsTaskPaper: Display Taskpaper Todo lists as HTML using Javascript | Dave Hilowitz — December 23, 2013 @ 5:31 pm

  2. Thanks for this. I used it to create an app to edit Taskpaper files in the browser via Dropbox.

    https://github.com/thrashr888/dropbox-taskpaper-editor

    Comment by Paul Thrasher — January 5, 2014 @ 5:17 am

  3. I can’t get this to work. It’s stuck on “loading…” Is it a CORS issue with Dropbox?

    http://jeffreykishner.com/javascript/jsTaskPaper/demo.html

    Comment by Jeffrey Kishner — January 6, 2014 @ 2:19 pm

  4. Nope! Seems to be a straight-up bug in my code. I’ll get back to you shortly on that. 🙂

    Comment by David Hilowitz — January 7, 2014 @ 11:44 am

  5. Should be fixed now. Do you want to try another pull? jsTaskPaper

    Comment by David Hilowitz — January 7, 2014 @ 6:39 pm

  6. thanks for the tweet, it’s working now

    Comment by Jeffrey Kishner — January 8, 2014 @ 10:15 am

  7. Thanks for your marvelous posting! I quite enjoyed reading it,
    you could be a great author.I will make sure to bookmark your blog and definitely will come back in the future.
    I want to encourage yourself to continue your great posts, have
    a nice day!

    Comment by Wechat — April 30, 2014 @ 1:08 am

  8. If some one wants expert view regarding blogging after that
    i suggest him/her to go to see this webpage,
    Keep up the good work.

    Comment by On This Website — July 13, 2014 @ 9:54 am

  9. Helpful info. Lucky me I discovered your website accidentally, and I’m
    shocked why this twist of fate didn’t came about earlier! I bookmarked it.

    Comment by Http://Www.Thornta.Com/Upgrades.Html — July 24, 2014 @ 7:01 am

  10. When someone writes an piece of writing he/she retains the image of a user
    in his/her brain that how a user can understand it. Therefore that’s why this post is
    outstdanding. Thanks!

    Comment by offers — August 10, 2014 @ 3:43 pm

  11. You should be a part of a contest for one of the finest websites on the net.
    I most certainly will highly recommend this web site!

    Comment by Jina — September 1, 2014 @ 8:03 am

  12. I don’t leave a comment, but I looked at a few of the comments on jsTaskPaper: Convert Taskpaper
    to HTML using Javascript Decidedly. I do have a few questions for you if it’s okay.
    Is it just me or does it look like like a few of the responses come across
    as if they are coming from brain dead visitors? 😛 And,
    if you are writing at other sites, I’d like to keep up with
    you. Could you make a list of every one of
    all your social community sites like your linkedin profile, Facebook page or twitter feed?

    Comment by clients6.Coffee4well-being.com — October 13, 2015 @ 4:38 pm

  13. Potraficie czytać ze zrozumieniem? Osoba ta użyła w aukcji nieswoich zdjęć, tylko NeoPlus, narażając ich na złą reputację, wszak oni pisali na neogo.pl, że żyją w zgodzie z dystrybutorami i Capcom. Za takie choćby coś należy się zwolnienie. Chyba nie jest to trudne do zrozumienia?

    Comment by http://wwwpulse.info/gruenderszene.de — October 13, 2016 @ 8:39 pm

  14. Mc mwa Ben moi depuis que j’ai lu cet article, j’ai fais plein de choses cochonnes comme sucer mon mari une chose que je n’avais jamais faites avant. Je l’ai aussi emmener a la plage puis on a pété une parti de jambe en l’air de 15 h a 19 h si bien que ce sont mes parents qui ont été cherché les enfants a l’école. Merci pour vos conseils car sinon j’aurai sans doute perdu mon homme. 1  0

    Comment by http://www.hausratversicherung.tech/ — November 5, 2016 @ 2:32 am

  15. Hi Maria, Happy Birthday to your grandson – I love that you are making his cake. Do you mean the silver spikes? If so, they are just silver candles. Or do you mean the black around the edge – that is licorice.

    Comment by http://www./ — November 14, 2016 @ 2:45 am

  16. “So the Palestinians are now fascist for thinking they had the right to stay in their homes and form a state where they lived.”Of course they were. Jews wanted those homes, and a Jewish state there.

    Comment by http://www.yesinterlove.com/ — February 8, 2017 @ 10:55 am

Leave a comment