- Add: New button in the WYSIWYG editor and in the plain text editor to easily implement the footnotes tag (icon for WYSIWYG-button missing!!!)

git-svn-id: https://plugins.svn.wordpress.org/footnotes/trunk@920366 b8457f37-d9ea-0310-8a92-e5e31aec5664

js/wysiwyg-editor.js

@@ -0,0 +1,76 @@
+/**
+ * Created by Stefan on 24.05.14.
+ */
+
+(function() {
+    tinymce.create('tinymce.plugins.Footnotes', {
+        /**
+         * Initializes the plugin, this will be executed after the plugin has been created.
+         * This call is done before the editor instance has finished it's initialization so use the onInit event
+         * of the editor instance to intercept that event.
+         *
+         * @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
+         * @param {string} url Absolute URL to where the plugin is located.
+         */
+        init : function(ed, url) {
+            ed.addButton('footnotes', {
+                title : 'Footnotes',
+                cmd : 'footnotes'
+                //image : url + '/dropcap.jpg' TODO: add icon here
+            });
+
+            ed.addCommand('footnotes', function() {
+                jQuery.ajax({
+                    type: 'POST',
+                    url: '/wp-admin/admin-ajax.php',
+                    data: {
+                        action: 'footnotes_getTags',
+                        data: ''
+                    },
+                    success: function(data, textStatus, XMLHttpRequest){
+                        var l_arr_Tags = JSON.parse(data);
+                        var return_text = l_arr_Tags['start'] + ed.selection.getContent() + l_arr_Tags['end'];
+                        console.log(return_text);
+                        ed.execCommand('mceInsertContent', 0, return_text);
+                    },
+                    error: function(MLHttpRequest, textStatus, errorThrown){
+                        console.log("Error: " + errorThrown);
+                    }
+                });
+            });
+        },
+
+        /**
+         * Creates control instances based in the incomming name. This method is normally not
+         * needed since the addButton method of the tinymce.Editor class is a more easy way of adding buttons
+         * but you sometimes need to create more complex controls like listboxes, split buttons etc then this
+         * method can be used to create those.
+         *
+         * @param {String} n Name of the control to create.
+         * @param {tinymce.ControlManager} cm Control manager to use inorder to create new control.
+         * @return {tinymce.ui.Control} New control instance or null if no control was created.
+         */
+        createControl : function(n, cm) {
+            return null;
+        },
+
+        /**
+         * Returns information about the plugin as a name/value array.
+         * The current keys are longname, author, authorurl, infourl and version.
+         *
+         * @return {Object} Name/value array containing information about the plugin.
+         */
+        getInfo : function() {
+            return {
+                longname : 'Insert Footnotes tag',
+                author : 'media competence institute',
+                authorurl : 'http://cheret.co.uk/mci',
+                infourl : 'http://wordpress.org/plugins/footnotes/',
+                version : "1.1.2"
+            };
+        }
+    });
+
+    // Register plugin
+    tinymce.PluginManager.add( 'footnotes', tinymce.plugins.Footnotes );
+})();