The Playground

Today I added a slightly modified version of Alex King's JS Quicktags for formatting comments. Using instructions from Movalog, and styling options, I was able to produce formatting buttons that can enhance comment entries.

Download the modified code and upload to your blog's root folder.

Follow Arvind's instructions and insert into the individual entry and comment preview templates.

Adding this style to your stylesheet will give a variation on the buttons, although leaving off extra styling will allow it to fit into the current theme.

.quicktags {
   padding: 0px; 
   text-align: left
}

.quicktags input.ed_button {
   border: #d6d3ce 1px solid; 
   background: #f4f4f4; 
   margin: 1px; 
   font: 0.8em 'helvetica neue', 'helveticaneue', 'helvetica', 'lucida grande', 'arial', sans-serif; 
   width: auto; 
   color: #000000; }

.quicktags input.ed_button:focus {
   border: #686868 1px solid; 
   background: #ffffff; 
}

.quicktags #ed_strong {
   font-weight: bold
}

.quicktags #ed_em {
   font-style: italic
}