Added support for 'Pro' version fontawesome

sivin · sivin · commit 90c617d6ab7c · 2021-03-18T18:13:29.000+01:00
diff --git a/fontawesomepicker/asset/style-free.css b/fontawesomepicker/asset/style-free.css
@@ -0,0 +1,9 @@
+.tox .fa,
+.tox .fas {
+    font-family: 'Font Awesome 5 Free';
+    font-weight: 900;
+}
+.tox .far {
+    font-family: 'Font Awesome 5 Free';
+    font-weight: 400;
+}
diff --git a/fontawesomepicker/asset/style-pro.css b/fontawesomepicker/asset/style-pro.css
@@ -0,0 +1,9 @@
+.tox .fa,
+.tox .fas {
+    font-family: 'Font Awesome 5 Pro';
+    font-weight: 900;
+}
+.tox .far {
+    font-family: 'Font Awesome 5 Pro';
+    font-weight: 400;
+}
diff --git a/fontawesomepicker/asset/style.css b/fontawesomepicker/asset/style.css
@@ -93,13 +93,4 @@
 .tox .fab {
     font-family: 'Font Awesome 5 Brands';
     font-weight: 400;
-}
-.tox .fa,
-.tox .fas {
-    font-family: 'Font Awesome 5 Free';
-    font-weight: 900;
-}
-.tox .far {
-    font-family: 'Font Awesome 5 Free';
-    font-weight: 400;
 }
diff --git a/fontawesomepicker/plugin.js b/fontawesomepicker/plugin.js
@@ -85,8 +85,15 @@
 
 		function initAsset(editor, pluginUrl) {
 			var fontawesomeUrl = editor.getParam('fontawesomeUrl')
+			var fontawesomePro = editor.getParam('fontawesomePro')
 			utils.loadStyle(document, fontawesomeUrl)
 			utils.loadStyle(document, pluginUrl + '/asset/style.css')
+			if (fontawesomePro === undefined || fontawesomePro === false) {
+				utils.loadStyle(document, pluginUrl + '/asset/style-free.css')
+			}
+			else {
+				utils.loadStyle(document, pluginUrl + '/asset/style-pro.css')
+			}
 			utils.loadStyle(editor.contentDocument, fontawesomeUrl)
 
 			if ( !categories.all ) {
diff --git a/readme.md b/readme.md
@@ -22,6 +22,7 @@ A plugin for `tinymce v5` that selects the `fontawesome` icon.
         plugins: 'fontawesomepicker',
         toolbar: 'fontawesomepicker',
         fontawesomeUrl: 'https://www.unpkg.com/@fortawesome/fontawesome-free@5.14.0/css/all.min.css',
+        fontawesomePro: true, //default: false, enable or disable Pro vs Free font  
         external_plugins: {
             //  url
             fontawesomepicker: 'https://www.unpkg.com/tinymce-fontawesomepicker/fontawesomepicker/plugin.min.js'
