enable basic summernote

sanyam-j · Jan 15, 2014 · adc7b1d · adc7b1d
1 parent f135b22
commit adc7b1d
Show file tree

Hide file tree

Showing 5 changed files with 62 additions and 1 deletion.
diff --git a/.bowerrc b/.bowerrc
@@ -1,3 +1,3 @@
 {
-  "directory": "components"
+  "directory": "examples/components"
 }
diff --git a/.gitignore b/.gitignore
@@ -7,3 +7,5 @@ tmp/
 .project
 .cache
 .settings/
+
+examples/components/
diff --git a/bower.json b/bower.json
@@ -7,6 +7,8 @@
     "components"
   ],
   "dependencies": {
+    "summernote": "~0.5.0",
+    "angular": "~1.2.8"
   },
   "devDependencies": {}
 }
diff --git a/examples/index.html b/examples/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en" ng-app="summernoteDemo">
+<head>
+  <title>Angular-summernote Demo</title>
+
+  <!--summernote dependencies-->
+  <script src="components/jquery/jquery.min.js"></script>
+  <link rel="stylesheet" href="components/bootstrap/dist/css/bootstrap.min.css">
+  <script src="components/bootstrap/dist/js/bootstrap.min.js"></script>
+  <link rel="stylesheet" href="components/font-awesome/css/font-awesome.min.css">
+
+  <!--summernote-->
+  <link rel="stylesheet" href="components/summernote/dist/summernote.css" />
+  <script src="components/summernote/dist/summernote.min.js"></script>
+
+  <!--angular-summernote dependencies -->
+  <script src="components/angular/angular.min.js"></script>
+  <script src="../src/angular-summernote.js"></script>
+</head>
+<body>
+  <summernote></summernote>
+
+  <script>
+    angular.module('summernoteDemo', ['summernote']);
+  </script>
+</body>
+</html>
diff --git a/src/angular-summernote.js b/src/angular-summernote.js
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) 2013 JeongHoon Byun aka "Outsider", <http://blog.outsider.ne.kr/>
+ * Licensed under the MIT license.
+ * <http://outsider.mit-license.org/>
+ */
+
+angular.module('summernote', [])
+
+  .controller('SummernoteController', ['$scope', '$attrs', function($scope, $attrs) {
+
+    this.activate = function(scope, element) {
+      element.summernote();
+    };
+
+  }])
+  .directive('summernote', [function() {
+    return {
+      restrict: 'EA',
+      transclude: true,
+      replace: true,
+      controller: 'SummernoteController',
+      scope: {},
+      template: '<div class="summernote"></div>',
+      link: function(scope, element, attrs, summernoteController) {
+        summernoteController.activate(scope, element);
+      }
+    };
+  }]);
+
+