Commits

Brant.Y  committed 1ea933b

+ support to button groups

  • Participants
  • Parent commits e2b4122

Comments (0)

Files changed (1)

File wysiwym/wysiwym.js

 
 $.fn.wysiwym = function(markupSet, options) {
     this.EDITORCLASS = 'wysiwym-editor';           // Class to use for the wysiwym editor
-    this.BUTTONCLASS = 'btn-group';                // Class to use for the wysiwym buttons
+    this.BUTTONCLASS = 'btn-toolbar';                // Class to use for the wysiwym buttons
     this.HELPCLASS = 'wysiwym-help';               // Class to use for the wysiwym help
     this.HELPTOGGLECLASS = 'wysiwym-help-toggle';  // Class to use for the wysiwym help
     this.textelem = this;                          // Javascript textarea element
         if (this.options.containerButtons == undefined)
             this.options.containerButtons = $("<div></div>").insertBefore(this.textarea);
         this.options.containerButtons.addClass(this.BUTTONCLASS);
+
+        this.options.btngroup = $("<div class='btn-group'></div>").appendTo(this.options.containerButtons);
+
         for (var i=0; i<markup.buttons.length; i++) {
             // Create the button
             var button = markup.buttons[i];
+
+            if (button==='|') {
+                this.options.btngroup = $("<div class='btn-group'></div>").appendTo(this.options.containerButtons);
+                continue;
+            }
+
             var jqbutton = button.create();
             var data = $.extend({markup:this.markup}, button.data);
             jqbutton.bind('click', data, button.callback);
-            this.options.containerButtons.append(jqbutton);
+            this.options.btngroup.append(jqbutton);
         }
     };
 
         new Wysiwym.Button('Bold',   Wysiwym.span,  {prefix:'**', suffix:'**', text:'strong text'}),
         new Wysiwym.Button('Italic', Wysiwym.span,  {prefix:'_',  suffix:'_',  text:'italic text'}),
         new Wysiwym.Button('Link',   Wysiwym.span,  {prefix:'[',  suffix:'](http://example.com)', text:'link text'}),
+	'|',
         new Wysiwym.Button('Bullet List', Wysiwym.list, {prefix:'* ', wrap:true}),
         new Wysiwym.Button('Number List', Wysiwym.list, {prefix:'0. ', wrap:true, regex:/^\s*\d+\.\s/}),
+	'|',
         new Wysiwym.Button('Quote',  Wysiwym.list,  {prefix:'> ',   wrap:true}),
         new Wysiwym.Button('Code',   Wysiwym.block, {prefix:'    ', wrap:true})
     ];
         new Wysiwym.Button('Bold',   Wysiwym.span,  {prefix:"'''", suffix:"'''", text:'strong text'}),
         new Wysiwym.Button('Italic', Wysiwym.span,  {prefix:"''",  suffix:"''",  text:'italic text'}),
         new Wysiwym.Button('Link',   Wysiwym.span,  {prefix:'[http://example.com ',  suffix:']', text:'link text'}),
+	'|',
         new Wysiwym.Button('Bullet List', Wysiwym.list, {prefix:'* ', wrap:true}),
         new Wysiwym.Button('Number List', Wysiwym.list, {prefix:'# ', wrap:true}),
+	'|',
         new Wysiwym.Button('Quote',  Wysiwym.span,  {prefix:'<blockquote>', suffix:'</blockquote>', text:'quote text'}),
         new Wysiwym.Button('Code', Wysiwym.span,  {prefix:'<pre>', suffix:'</pre>', text:'code text'})
     ];
         new Wysiwym.Button('Bold',   Wysiwym.span,  {prefix:"[b]", suffix:"[/b]", text:'strong text'}),
         new Wysiwym.Button('Italic', Wysiwym.span,  {prefix:"[i]",  suffix:"[/i]",  text:'italic text'}),
         new Wysiwym.Button('Link',   Wysiwym.span,  {prefix:'[url="http://example.com"]',  suffix:'[/url]', text:'link text'}),
+	'|',
         new Wysiwym.Button('Quote',  Wysiwym.span,  {prefix:'[quote]',  suffix:'[/quote]', text:'quote text'}),
         new Wysiwym.Button('Code',   Wysiwym.span,  {prefix:'[code]',  suffix:'[/code]', text:'code text'})
     ];