Add plugins (2)

Author: WebCoder49

plugins/autodetect.js

@@ -0,0 +1,25 @@
+codeInput.plugins.Test = class extends codeInput.Plugin {
+    /* Runs before code is highlighted; Params: codeInput element) */
+    beforeHighlight(codeInput) {
+        console.log(codeInput, "before highlight");
+    }
+    /* Runs after code is highlighted; Params: codeInput element) */
+    afterHighlight(codeInput) {
+        console.log(codeInput, "after highlight");
+    }
+    /* Runs before elements are added into a `code-input`; Params: codeInput element) */
+    beforeElementsAdded(codeInput) {
+        console.log(codeInput, "before elements added");
+    }
+    /* Runs after elements are added into a `code-input` (useful for adding events to the textarea); Params: codeInput element) */
+    afterElementsAdded(codeInput) {
+        console.log(codeInput, "after elements added");
+    }
+    /* Runs when an attribute of a `code-input` is changed (you must add the attribute name to observedAttributes); Params: codeInput element, name attribute name, oldValue previous value of attribute, newValue changed value of attribute) */
+    attributeChanged(codeInput, name, oldValue, newValue) {
+        if(name == "testattr") {
+            console.log(codeInput, "testattr:", oldValue, ">", newValue);
+        }
+    }
+    observedAttributes = ["testattr"]
+}

plugins/test.js

@@ -0,0 +1,25 @@
+codeInput.plugins.Test = class extends codeInput.Plugin {
+    /* Runs before code is highlighted; Params: codeInput element) */
+    beforeHighlight(codeInput) {
+        console.log(codeInput, "before highlight");
+    }
+    /* Runs after code is highlighted; Params: codeInput element) */
+    afterHighlight(codeInput) {
+        console.log(codeInput, "after highlight");
+    }
+    /* Runs before elements are added into a `code-input`; Params: codeInput element) */
+    beforeElementsAdded(codeInput) {
+        console.log(codeInput, "before elements added");
+    }
+    /* Runs after elements are added into a `code-input` (useful for adding events to the textarea); Params: codeInput element) */
+    afterElementsAdded(codeInput) {
+        console.log(codeInput, "after elements added");
+    }
+    /* Runs when an attribute of a `code-input` is changed (you must add the attribute name to observedAttributes); Params: codeInput element, name attribute name, oldValue previous value of attribute, newValue changed value of attribute) */
+    attributeChanged(codeInput, name, oldValue, newValue) {
+        if(name == "testattr") {
+            console.log(codeInput, "testattr:", oldValue, ">", newValue);
+        }
+    }
+    observedAttributes = ["testattr"]
+}