Defaultfontsize

README.md

@@ -26,14 +26,14 @@ Installation
 `bower install angular-wysiwyg`
 
 
-Required dependancies
+Required dependencies
 -----------------------
 * [AngularJS] (http://www.angularjs.com) 
 * [Font Awesome] (http://fortawesome.github.io/Font-Awesome/)
 * [Twitter Bootstrap] (http://getbootstrap.com/2.3.2/)
 * [bootstrap-color-picker] (https://github.com/buberdds/angular-bootstrap-colorpicker)
 
-Install each dependancy to your AngularJS project.
+Install each dependency to your AngularJS project.
 
 Add `'wysiwyg.module'` to your main angular.module like so
 ```javascript
@@ -58,6 +58,7 @@ Option|Description
 **textarea-name**	 |			The name attribute of the editable div 
 **textarea-required**|			True/False HTML/AngularJS required validation
 **enable-bootstrap-title**|		True/False whether or not to show the button hover title styled with bootstrap	
+**default-font-size**  |  The font size that is selected by default by the font-size menu option. Can be given a value of '10', '13', '16', '18', '24', '32', or '48'.
 **textarea-menu**    |          Cusomize the wysiwyg buttons and button groups ***See Below** If nothing is specified then the default buttons and groups will be shown.
 **disabled**  |          Disable the buttons and wysiwig area 
 

demo/index.html

@@ -35,7 +35,8 @@ <h2>Angular WYSIWYG directive</h2>
           ng-model="data.text" 
           enable-bootstrap-title="true"
           textarea-menu="menu"
-          disabled="disabled">
+          disabled="disabled"
+          default-font-size="13">
         </wysiwyg>
       <button ng-click="setDisabled()">Disable</button>
     </div>

dist/angular-wysiwyg.js

@@ -69,7 +69,7 @@ Requires:
     '$compile',
     function ($timeout, wysiwgGui, $compile) {
       return {
-        template: '<div>' + '<style>' + '   .wysiwyg-textarea[contentEditable="false"] { background-color:#eee}' + '   .wysiwyg-btn-group-margin { margin-right:5px; }' + '   .wysiwyg-select { height:30px;margin-bottom:1px;}' + '   .wysiwyg-colorpicker { font-family: arial, sans-serif !important;font-size:16px !important; padding:2px 10px !important;}' + '</style>' + '<div class="wysiwyg-menu"></div>' + '<div id="{{textareaId}}" ng-attr-style="resize:vertical;height:{{textareaHeight || \'80px\'}}; overflow:auto" contentEditable="{{!disabled}}" class="{{textareaClass}} wysiwyg-textarea" name="{{textareaName}}" ng-model="value"></div>' + '</div>',
+        template: '<div>' + '<style>' + '   .wysiwyg-textarea[contentEditable="false"] { background-color:#eee}' + '   .wysiwyg-btn-group-margin { margin-right:5px; }' + '   .wysiwyg-select { height:30px;margin-bottom:1px;}' + '   .wysiwyg-colorpicker { font-family: arial, sans-serif !important;font-size:16px !important; padding:2px 10px !important;}' + '</style>' + '<div class="wysiwyg-menu"></div>' + '<div id="{{textareaId}}" ng-attr-style="resize:vertical;height:{{textareaHeight || \'80px\'}}; overflow:auto" contentEditable="{{!disabled}}" class="{{textareaClass}} wysiwyg-textarea" rows="{{textareaRows}}" name="{{textareaName}}" required="{{textareaRequired}}" placeholder="{{textareaPlaceholder}}" ng-model="value"></div>' + '</div>',
         restrict: 'E',
         scope: {
           value: '=ngModel',
@@ -81,7 +81,7 @@ Requires:
           textareaMenu: '=textareaMenu',
           textareaCustomMenu: '=textareaCustomMenu',
           fn: '&',
-          disabled: '=?disabledArea'
+          disabled: '=?disabled'
         },
         replace: true,
         require: 'ngModel',
@@ -406,12 +406,8 @@ Requires:
         }
         if (obj.text && document.all) {
           el.innerText = obj.text;
-        } else {
-          if(obj.text){
-                el.textContent = obj.text;
-            }else{
-                el.textContent = "";
-            }
+        } else if (obj.text) {
+          el.textContent = obj.text;
         }
         if (obj.classes) {
           el.className = obj.classes;
@@ -957,7 +953,7 @@ Requires:
       attributes: [
         {
           name: 'title',
-          value: 'Font'
+          value: 'Image'
         },
         {
           name: 'ng-model',
@@ -1070,4 +1066,4 @@ Requires:
         }]
     }
   });
-}(angular));
+}(angular));

src/angular-wysiwyg.js

@@ -65,6 +65,7 @@ Requires:
                     textareaId: '@textareaId',
                     textareaMenu: '=textareaMenu',
                     textareaCustomMenu: '=textareaCustomMenu',
+                    defaultFontSize: '@defaultFontSize',
                     fn: '&',
                     disabled: '=?disabled',
                 },
@@ -127,7 +128,12 @@ Requires:
                 }, ];
                 scope.formatBlock = scope.formatBlocks[0];
 
-                scope.fontSize = scope.fontSizes[1];
+                var defaultFontSizeIndex = ['10','13','16','18','24','32','48'].indexOf(scope.defaultFontSize);
+                if(defaultFontSizeIndex > -1){
+                    scope.fontSize = scope.fontSizes[defaultFontSizeIndex];
+                } else {
+                    scope.fontSize = scope.fontSizes[1];
+                }
 
                 if (angular.isArray(scope.cssClasses)) {
                     scope.cssClasses.unshift('css');