twitter with dijits

by monteslu

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css">
<div id="main">


<textarea dojoType="azp.BBCodeEditor" cols="35" id="ta">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</textarea>


</div>

CSS

.tweetBox{
 background-color : #E9F4FE;
 border: 1px solid black;
 overflow : auto;
 margin:3px;
 padding:3px;
}

JavaScript

dojo.provide("azp.BBCodeEditor");
dojo.require("dojo.parser");


dojo.require("dijit._Widget");
dojo.require("dijit._Templated");
dojo.require("dijit.form.Button");
dojo.require("dijit.form.Textarea");
dojo.require("dijit.form.SimpleTextarea");
dojo.require("dijit.Tooltip");



dojo.addOnLoad(function(){
    
 dojo.declare("azp.BBCodeEditor",
     [dijit._Widget, dijit._Templated],
     {    
         name: "",
         rows: 0,        
         cols: 20,
         value: "",
         style: "",
         areaType: "dijit.form.Textarea",
         widgetsInTemplate: true,
 
         templateString: "<div><span><button  dojoType=\"dijit.form.Button\"  showLabel=\"false\"  iconClass=\"dijitEditorIcon  dijitEditorIconBold\"  dojoAttachEvent=\"onClick:  bClick\"  id=\"bBtn\"></button><span  dojoType=\"dijit.Tooltip\"  connectid=\"bBtn\"><b>Bold</b></span>"     
             + "<button  dojoType=\"dijit.form.Button\"  showLabel=\"false\"  iconClass=\"dijitEditorIcon  dijitEditorIconItalic\"  dojoAttachEvent=\"onClick:  iClick\"  id=\"iBtn\"></button><span  dojoType=\"dijit.Tooltip\"  connectid=\"iBtn\"><i>Italic</i></span>"
             + "<button  dojoType=\"dijit.form.Button\"  showLabel=\"false\"  iconClass=\"dijitEditorIcon  dijitEditorIconUnderline\"  dojoAttachEvent=\"onClick:  uClick\"  id=\"uBtn\"></button><span  dojoType=\"dijit.Tooltip\"  connectid=\"uBtn\"><u>Underline</u></span>"
             + "<button  dojoType=\"dijit.form.Button\"  showLabel=\"false\"  iconClass=\"dijitEditorIcon  dijitEditorIconStrikethrough\"  dojoAttachEvent=\"onClick:  sClick\"  id=\"sBtn\"></button><span  dojoType=\"dijit.Tooltip\"  connectid=\"sBtn\"><s>Strikethrough</s></span>"
             + "<button  dojoType=\"dijit.form.Button\"  showLabel=\"false\"  iconClass=\"dijitEditorIcon  dijitEditorIconSuperscript\"  dojoAttachEvent=\"onClick:  supClick\"  id=\"supBtn\"></button><span  dojoType=\"dijit.Tooltip\"  connectid=\"supBtn\">Super<sup>script</sup></span>"
             +...