From 61d942ea20bdcd31cef9f45c3cdba04b385e5f88 Mon Sep 17 00:00:00 2001
From: Yun Luo <yun.luo@isentia.com>
Date: Fri, 16 Sep 2016 14:48:20 +1000
Subject: [PATCH] added setting for styleWithCss and enableObjResizing;  On
 branch option-enhancement  Changes to be committed: 	modified:   README.md 
 modified:   src/angular-wysiwyg.js

---
 README.md              |  2 ++
 src/angular-wysiwyg.js | 26 +++++++++++++++-----------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index 1364091..f53c711 100644
--- a/README.md
+++ b/README.md
@@ -60,6 +60,8 @@ Option|Description
 **enable-bootstrap-title**|		True/False whether or not to show the button hover title styled with bootstrap	
 **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 
+**style-with-css**  |    true/false flag to set style with css or not, default is true if not set  
+**enable-obj-resizing**  |          true/false flag to set enable obj resizing or not, default is true if not set
 
 Buttons
 --------------
diff --git a/src/angular-wysiwyg.js b/src/angular-wysiwyg.js
index a050fe5..3b7378e 100644
--- a/src/angular-wysiwyg.js
+++ b/src/angular-wysiwyg.js
@@ -4,25 +4,25 @@ Usage: <wysiwyg textarea-id="question" textarea-class="form-control"  textarea-h
         textarea-id             The id to assign to the editable div
         textarea-class          The class(es) to assign to the the editable div
         textarea-height         If not specified in a text-area class then the hight of the editable div (default: 80px)
-        textarea-name           The name attribute of the editable div 
+        textarea-name           The name attribute of the editable div
         textarea-required       HTML/AngularJS required validation
         textarea-menu           Array of Arrays that contain the groups of buttons to show Defualt:Show all button groups
         ng-model                The angular data model
-        enable-bootstrap-title  True/False whether or not to show the button hover title styled with bootstrap  
+        enable-bootstrap-title  True/False whether or not to show the button hover title styled with bootstrap
 
-Requires: 
+Requires:
     Twitter-bootstrap, fontawesome, jquery, angularjs, bootstrap-color-picker (https://github.com/buberdds/angular-bootstrap-colorpicker)
 
 */
 
 /*
-    TODO: 
+    TODO:
         tab support
         custom button fuctions
 
         limit use of scope
         use compile fuction instead of $compile
-        move button elements to js objects and use doc fragments 
+        move button elements to js objects and use doc fragments
 */
 
 (function(angular, undefined) {
@@ -67,6 +67,8 @@ Requires:
                     textareaCustomMenu: '=textareaCustomMenu',
                     fn: '&',
                     disabled: '=?disabled',
+                    styleWithCss : '=',
+                    enableObjResizing : "="
                 },
                 replace: true,
                 require: 'ngModel',
@@ -212,7 +214,7 @@ Requires:
                         }
 
                         ngModelController.$setViewValue(html);
-                    }); 
+                    });
 
                     textarea.on('keydown', function(event){
                         if (event.keyCode == 9){
@@ -220,11 +222,11 @@ Requires:
                             var html = textarea.html();
                             var selection = window.getSelection();
                             var position = selection.anchorOffset;
-                    
+
                             event.preventDefault();
                             // html = insertTab(html, position);
                             // textarea.html(html);
-                            // selection.collapse(textarea[0].firstChild, position + TAB_SPACES);    
+                            // selection.collapse(textarea[0].firstChild, position + TAB_SPACES);
                         }
                     });
 
@@ -235,7 +237,7 @@ Requires:
                             scope.isStrikethrough = scope.cmdState('strikethrough');
                             scope.isItalic = scope.cmdState('italic');
                             scope.isSuperscript = itemIs('SUP'); //scope.cmdState('superscript');
-                            scope.isSubscript = itemIs('SUB'); //scope.cmdState('subscript');    
+                            scope.isSubscript = itemIs('SUB'); //scope.cmdState('subscript');
                             scope.isRightJustified = scope.cmdState('justifyright');
                             scope.isLeftJustified = scope.cmdState('justifyleft');
                             scope.isCenterJustified = scope.cmdState('justifycenter');
@@ -362,8 +364,10 @@ Requires:
                     scope.format('hiliteColor', scope.hiliteColor);
                 };
 
-                scope.format('enableobjectresizing', true);
-                scope.format('styleWithCSS', true);
+                scope.enableObjResizing = scope.enableObjResizing === undefined ? true : scope.enableObjResizing;
+                scope.format('enableobjectresizing', scope.enableObjResizing);
+                scope.styleWithCss = scope.styleWithCss === undefined ? true : scope.styleWithCss ;
+                scope.format('styleWithCSS', scope.styleWithCss);
             }
         })
         .factory('wysiwgGui', function(wysiwgGuiElements) {