Merge pull request summernote#1538 from summernote/feature/icon-2

support summernote icons

Author: hackerwins

Gruntfile.js

@@ -238,14 +238,27 @@ module.exports = function (grunt) {
       }
     },
     clean: {
-      dist: ['dist']
+      dist: ['dist/**/*']
     },
     copy: {
       dist: {
         files: [
-          {src: 'lang/*', dest: 'dist/'}
+          {src: 'lang/*', dest: 'dist/'},
+          {expand: true, cwd: 'src/icons/results/icons/', src: ['**', '!*.html'], dest: 'dist/icons/'},
+          {src: 'src/icons/results/summernote.css', dest: 'dist/summernote-icon.css'}
         ]
       }
+    },
+    webfont: {
+      icons: {
+        src: 'src/icons/*.svg',
+        dest: 'src/icons/results/icons',
+        destCss: 'src/icons/results/',
+        options: {
+          font: 'summernote',
+          template: 'src/icons/templates/summernote.css'
+        }
+      }
     }
   });
 

dist/icons/summernote.css

@@ -0,0 +1,274 @@
+/* Generated by grunt-webfont */
+/* Based on https://github.com/endtwist/fontcustom/blob/master/lib/fontcustom/templates/fontcustom.css */
+
+
+@font-face {
+  font-family:"summernote";
+src:url("summernote.eot?44368136daaa019037dc6a99de1bacac");
+src:url("summernote.eot?#iefix") format("embedded-opentype"),
+		url("summernote.woff?44368136daaa019037dc6a99de1bacac") format("woff"),
+		url("summernote.ttf?44368136daaa019037dc6a99de1bacac") format("truetype");
+font-weight:normal;
+font-style:normal;
+}
+
+
+/* Bootstrap Overrides */
+[class^="note-icon-"]:before,
+[class*=" note-icon-"]:before {
+  display:inline-block;
+  vertical-align:middle;
+  line-height:1;
+  font: normal normal normal 14px summernote;
+  font-size: inherit;
+  speak:none;
+  text-decoration:inherit;
+  text-transform:none;
+  text-rendering:auto;
+  -webkit-font-smoothing:antialiased;
+  -moz-osx-font-smoothing:grayscale;
+}
+
+
+
+/* Icons */
+
+
+.note-icon-align-center:before {
+  content:"\f101";
+}
+
+
+
+.note-icon-align-indent:before {
+  content:"\f102";
+}
+
+
+
+.note-icon-align-justify:before {
+  content:"\f103";
+}
+
+
+
+.note-icon-align-left:before {
+  content:"\f104";
+}
+
+
+
+.note-icon-align-outdent:before {
+  content:"\f105";
+}
+
+
+
+.note-icon-align-right:before {
+  content:"\f106";
+}
+
+
+
+.note-icon-align:before {
+  content:"\f107";
+}
+
+
+
+.note-icon-arrows-alt:before {
+  content:"\f108";
+}
+
+
+
+.note-icon-bold:before {
+  content:"\f109";
+}
+
+
+
+.note-icon-caret:before {
+  content:"\f10a";
+}
+
+
+
+.note-icon-chain-broken:before {
+  content:"\f10b";
+}
+
+
+
+.note-icon-circle:before {
+  content:"\f10c";
+}
+
+
+
+.note-icon-close:before {
+  content:"\f10d";
+}
+
+
+
+.note-icon-code:before {
+  content:"\f10e";
+}
+
+
+
+.note-icon-eraser:before {
+  content:"\f10f";
+}
+
+
+
+.note-icon-font:before {
+  content:"\f110";
+}
+
+
+
+.note-icon-frame:before {
+  content:"\f111";
+}
+
+
+
+.note-icon-italic:before {
+  content:"\f112";
+}
+
+
+
+.note-icon-link:before {
+  content:"\f113";
+}
+
+
+
+.note-icon-magic:before {
+  content:"\f114";
+}
+
+
+
+.note-icon-menu-check:before {
+  content:"\f115";
+}
+
+
+
+.note-icon-minus:before {
+  content:"\f116";
+}
+
+
+
+.note-icon-orderedlist:before {
+  content:"\f117";
+}
+
+
+
+.note-icon-pencil:before {
+  content:"\f118";
+}
+
+
+
+.note-icon-picture:before {
+  content:"\f119";
+}
+
+
+
+.note-icon-question:before {
+  content:"\f11a";
+}
+
+
+
+.note-icon-redo:before {
+  content:"\f11b";
+}
+
+
+
+.note-icon-special-character:before {
+  content:"\f11c";
+}
+
+
+
+.note-icon-square:before {
+  content:"\f11d";
+}
+
+
+
+.note-icon-strikethrough:before {
+  content:"\f11e";
+}
+
+
+
+.note-icon-subscript:before {
+  content:"\f11f";
+}
+
+
+
+.note-icon-summernote:before {
+  content:"\f120";
+}
+
+
+
+.note-icon-superscript:before {
+  content:"\f121";
+}
+
+
+
+.note-icon-table:before {
+  content:"\f122";
+}
+
+
+
+.note-icon-text-height:before {
+  content:"\f123";
+}
+
+
+
+.note-icon-trash:before {
+  content:"\f124";
+}
+
+
+
+.note-icon-underline:before {
+  content:"\f125";
+}
+
+
+
+.note-icon-undo:before {
+  content:"\f126";
+}
+
+
+
+.note-icon-unorderedlist:before {
+  content:"\f127";
+}
+
+
+
+.note-icon-video:before {
+  content:"\f128";
+}
+

dist/icons/summernote.eot

@@ -4,15 +4,16 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" />
-   <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css" />
+   <!--<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css" />-->
    <link rel="stylesheet" href="../dist/summernote.css">
+   <link rel="stylesheet" href="../dist/summernote-icon.css">
    <title>summernote</title>
 </head>
 <body>
   <div class="container">
-    <h4>Summernote
+    <h4> <i class="note-icon-summernote"></i> Summernote
       <span class="label label-info">Bootstrap v3.3.5</span>
-      <span class="label label-success">font-awesome v4.3.0</span>
+      <span class="label label-success">with Summernote Icons</span>
     </h4>
     <div class="summernote"><p>Hello World</p></div>
   </div>

dist/icons/summernote.ttf

@@ -33,6 +33,7 @@
     "grunt-karma": "^0.12.0",
     "grunt-recess": "*",
     "grunt-saucelabs": "*",
+    "grunt-webfont": "^1.0.2",
     "karma": "^0.13.3",
     "karma-chrome-launcher": "^0.2.0",
     "karma-coverage": "^0.5.3",