setting font family & size

1 files changed, 12 insertions, 1 deletions

diff --git a/public/assets/javascripts/ui/editor/TextEditor.js b/public/assets/javascripts/ui/editor/TextEditor.js
index 3d3124b..c867d94 100644
--- a/public/assets/javascripts/ui/editor/TextEditor.js
+++ b/public/assets/javascripts/ui/editor/TextEditor.js
@@ -30,7 +30,15 @@ var TextEditor = FormView.extend({
     
     this.$el.toggleClass("active", state)
     if (state) {
-      Scenery.nextMedia = { type: 'text', width: 300, height: 150 }
+      Scenery.nextMedia = {
+        type: 'text',
+        width: 600,
+        height: 450,
+        scale: 0.5,
+        font: { family: 'Lato', size: 12 },
+        align: 'left',
+      }
+      
       this.createMode(true)
     }
   },
@@ -101,9 +109,12 @@ var TextEditor = FormView.extend({
   },
   
   changeFontFamily: function(){
+    this.scenery.setFont({ family: this.$fontFamily.val() })
   },
   
   changeFontSize: function(){
+    var size = parseInt( this.$fontSize.val() )
+    size && this.scenery.setFont({ size: size })
   },
   
   changeText: function(e){