jsTaskPaper: Display Taskpaper Todo lists as HTML using Javascript

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


Posted

in

,

by

Comments

15 responses to “jsTaskPaper: Display Taskpaper Todo lists as HTML using Javascript”

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

  2. Paul Thrasher Avatar

    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

  3. Jeffrey Kishner Avatar

    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

    1. David Hilowitz Avatar

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

    2. David Hilowitz Avatar

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

  4. Jeffrey Kishner Avatar

    thanks for the tweet, it’s working now

  5. Wechat Avatar

    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!

  6. On This Website Avatar

    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.

  7. Http://Www.Thornta.Com/Upgrades.Html Avatar

    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.

  8. offers Avatar

    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!

  9. Jina Avatar

    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!

  10. clients6.Coffee4well-being.com Avatar

    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?

  11. http://wwwpulse.info/gruenderszene.de Avatar

    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?

  12. http://www.hausratversicherung.tech/ Avatar

    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

  13. http://www./ Avatar

    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.

Leave a Reply

Your email address will not be published. Required fields are marked *