Wern Ancheta

Adventures in Web Development.


Project Type

Personal Project

Project Dates

March 2014

Project Description

A Markdown to HTML UI for Octopress. This project attempts to make it easier to compose new blog posts by providing keyboard shortcuts for common markdown syntax. It also makes inserting of images to a post easier. Images will be automatically copied into the Octopress image source directory of your choice and the markdown syntax is automatically generated for you. A version control feature is also available if you want to manage the updates in your blog posts. Lastly an HTML preview is also generated as you type.

Technologies Used

  • HTML
  • CSS
  • JavaScript (jQuery)
  • Ruby
  • Sinatra

Github Repo



You can try out octo-wysiwyg by visiting this page. Note that I have limited the features to avoid usage abuse. The following features are not available in the demo:

  • image upload
  • markdown upload
  • creating of new post
  • version control

Visit the Github Repo for more information.