Punct!

Posted Tuesday 21st March, 2006

Most web developers have, at some point, experienced the pain of browsing through client-written content to change symbols into meaningful HTML entities. Of course, a lot of the time, we’re even using the wrong entities!

Well, now it’s a little easier with the help of “Punct!,” a client-side script I have created for two reasons; as an experiment in JSON and to save time when cutting and pasting code from Word documents into web sites.

Punct basically takes any content pasted or typed into it and converts characters such as em-dashes, quotes and horizontal ellipses into their relevant best HTML entities. You can also specify whether to include paragraph tags which helps anyone pasting content into Wordpress (like this very article).To have a go, click the link below:

Punct, a web-based content aid…

Incidentally, this is only version 1.3 — it’s not perfect, it’s not my final word on the matter (it’s the beginning of something far bigger), it jams the content preview into the page using innerHTML (a nasty method) and it’s only available with Javascript turned on since I wanted to utilise client-side processing power. I’m only really launching it here since several of my fellow developers at Rentokil seem quite keen on using it. Watch this space for further developments!

Included in: Development, JavaScript, Typography, Web, Web Standards, XHTML

Categories:

  1. Accessibility
  2. Ajax
  3. Apache
  4. API
  5. Architecture
  6. Books
  7. Browsers
  8. CMS
  9. CouchDB
  10. CSS
  11. Design
  12. Development
  13. Django
  14. Email
  15. Events
  16. Gaming
  17. Grammar
  18. Hardware
  19. HTML
  20. HTTP
  21. Humour
  22. Idea
  23. Information Architecture
  24. JavaScript
  25. jQuery
  26. Life
  27. Linux
  28. Literature
  29. Mac OS X
  30. Meme
  31. Microformats
  32. Monday
  33. MySQL
  34. Networking
  35. News
  36. Personal
  37. Photoshop
  38. PHP
  39. Python
  40. Reference
  41. REST
  42. Science
  43. SEO
  44. Server
  45. Site
  46. Sitepimp
  47. Social
  48. Spelling
  49. Syndication
  50. Testing
  51. The Future
  52. Thoughts
  53. Tools
  54. Tutorials
  55. Typography
  56. UI
  57. UNIX
  58. Virtualisation
  59. Web
  60. Web Standards
  61. Widgets
  62. Wii
  63. Writing
  64. Xbox
  65. XHTML