BUEditor Janjan | Drupella demos

<div class="ok"><strong>BUEditor</strong> is a text area editor aiming to facilitate code writing.
Its flexible architecture made it popular among Drupal developers including the members of the documentation team of drupal.org.</div>

<p class="warning"><strong>JANJAN</strong> is a highly customized form of BUEditor, which includes lots of buttons and functionality that content creators are familiar from other popular WYSIWYG editors.</p>

<h2>JANJAN Coolness:</h2>
<ul>

<li><h3>Syntax Highlighting</h3>
Use rainbow button or Ctrl+Alt+H to turn syntax highlighting on/off</li>

<li><h3>Auto-completion</h3>
Type < to see the auto-complete box. Also, tags are automatically closed when typed.</li>

<li><h3>TAB indent inside the textarea. Auto-indent on enter</h3>
TAB(indent), Shift+TAB(unindent), Enter(auto-indent)</li>

<li><h3>Insert pre-styled images with the help of ImageCache module</h3>
<img src="/files/imagecache/grayscale/guests/26.jpg" alt="26.jpg" /></li>

<li><h3>Embed flash(swf) files</h3>
<embed src="/files/guests/8.swf" menu="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" /></li>

<li><h3>Embed videos by the help of Video filter module (Blip.tv, Capped.tv, College Humor, DailyMotion, Eyespot, Flickr Video, Flickr Slideshows, Gametrailers, Gamevideos, Google Video, Metacafe, Myspace, Picasa, Revver, Slideshare, Tangle, Vimeo, YouTube)</h3>
[video:http://www.dailymotion.com/video/x4gfqu_introduction-to-drupal_tech width:200 height:200]</li>

<li><h3>Embed YouTube videos without any requirements</h3>
<object data="http://www.youtube.com/v/rF1X12PE6PY" width="200" height="200" type="application/x-shockwave-flash">
<param name="movie" value="http://www.youtube.com/v/rF1X12PE6PY" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="http://www.youtube.com/v/rF1X12PE6PY" width="200" height="200" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" />
</object></li>

<li><h3>Insert colored text</h3>
<span style="font-size: 16pt; color: #9ff; background-color: #09f;">Lorem ipsum dolor</span></li>

<li><h3>Insert code</h3>
<code><span style="font-size: 16pt; color: #009;">Lorem ipsum dolor</span>
<script type="text/javascript">
  var a = 5;
  function b() {}
</script></code></li>

<li><h3>Static and Dynamic(smileys module) smileys</h3>
<img src="/files/bueditor/janjan/icons/sml_bye.gif" alt="bye" /> 8) </li>

<li><h3>Add/remove CSS classes to/from html elements</h3>
<div class="ok">Status message</div></li>

<li><h3>Convert text to uppercase/lowercase</h3></li>
<li><h3>Convert HTML to text</h3></li>
<li><h3>Search and Replace</h3></li>
<li><h3>Quick preview(fast but inaccurate) and Live preview(by Ajax markup module)</h3></li>
<li>And much more...</li>

</ul>