Update to v1.2.0

- Sorted icons into their FontAwesome categories and then added an
accordion to access the different categories.

- Added support for the noneditable plugin so that users can no longer
add content to the icon <span>.

README.md

@@ -1,20 +1,19 @@
-TinyMCE FontAwesome Plugin
-===========================
+# TinyMCE FontAwesome Plugin
 
-###### v1.1.0
+###### v1.2.0
 
 A plugin that lets you insert FontAwesome icons via TinyMCE. Currently uses FontAwesome v4.1.0.
 
 
-###Instructions
+### Instructions
 - Make sure you have FontAwesome loaded on the page that contains TinyMCE. 
 - Copy the fontawesome folder into your TinyMCE plugins folder.
 - Add this to your TinyMCE script:
 
     ```html
     tinymce.init({
         ...
-        plugins: 'fontawesome'
+        plugins: 'fontawesome noneditable'
         ...
         extended_valid_elements: 'span[class]'
         ...

fontawesome (uncompressed)/css/fontawesome.min.css

@@ -0,0 +1,69 @@
+/* Accordion */
+
+.mce-fontawesome-panel-table {
+	-webkit-transition: 0.5s height;
+	transition: 0.5s height;
+	overflow: hidden;
+	height: 0;
+}
+
+/* Title */
+
+.mce-fontawesome-panel-title {
+	font-weight: bold;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	cursor: pointer;
+	padding: 6px;
+	border-radius: 1px;
+}
+
+.mce-fontawesome-panel-title:hover {
+	background-color: #bfbfbf;
+	background-color: rgba(0,0,0,0.1);
+}
+
+.mce-fontawesome-panel-title {
+	border-bottom: 1px solid #eeeeee;
+}
+
+.mce-fontawesome-panel-accordion-hide .mce-fontawesome-panel-title {
+	border-bottom: 0;
+}
+
+.mce-fontawesome-panel-accordion:first-child .mce-fontawesome-panel-title {
+	margin-top: 0;
+}
+
+/* FontAwesome Icons */
+
+.mce-fontawesome-panel .fa {
+	font-family: FontAwesome !important;
+	cursor: pointer;
+	padding: 6px;
+	border-radius: 1px;
+}
+
+.mce-fontawesome-panel .fa:hover {
+	background-color: #bfbfbf;
+	background-color: rgba(0,0,0,0.1);
+}
+
+/* Toolbar & Menu Button */
+
+.mce-i-flag {
+	display: inline-block;
+	font-family: FontAwesome;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	margin-right: 1px;
+	position: relative;
+	top: 1px;
+}
+
+.mce-i-flag:before {
+	content: "\f024";
+}