Add ko-quill

Author: bdukes

ko-quill_0.1.3/CHANGES.htm

@@ -0,0 +1 @@
+<p>See the <a href="https://github.com/nadirizr/quill-editor-knockout-binding/releases">quill-editor-knockout-binding changelog</a></p>

ko-quill_0.1.3/LICENSE.htm

@@ -0,0 +1 @@
+<p>quill-editor-knockout-binding is licensed under the <a href="https://github.com/nadirizr/quill-editor-knockout-binding/v0.1.3/LICENSE">MIT License</a>.</p>

ko-quill_0.1.3/ko-quill.dnn

@@ -0,0 +1,42 @@
+<dotnetnuke type="Package" version="5.0">
+  <packages>
+    <package name="ko-quill" type="JavaScript_Library" version="0.1.3">
+      <friendlyName>quill-editor-knockout-binding</friendlyName>
+      <description><![CDATA[<p>A knockout binding for the Quill Editor (<a href="https://github.com/quilljs/quill">https://github.com/quilljs/quill</a>)</p>
+<p>This is a plugin that allows you to bind a Quill Editor element with a Knockout observable for both text and HTML.</p>]]></description>
+      <owner>
+        <name>Engage Software</name>
+        <organization>Engage Software</organization>
+        <url>http://www.engagesoftware.com</url>
+        <email>support@engagesoftware.com</email>
+      </owner>
+      <license src="LICENSE.htm" />
+      <releaseNotes src="CHANGES.htm" />
+      <azureCompatible>true</azureCompatible>
+      <dependencies>
+        <dependency type="managedPackage" version="1.2.3">jQuery</dependency>
+        <dependency type="managedPackage" version="2.3.0">Knockout</dependency>
+        <dependency type="managedPackage" version="0.20.0">quill</dependency>
+      </dependencies>
+      <components>
+        <component type="JavaScript_Library">
+          <javaScriptLibrary>
+            <libraryName>ko-quill</libraryName>
+            <fileName>quill-editor-knockout-binding.js</fileName>
+            <preferredScriptLocation>BodyBottom</preferredScriptLocation>
+            <CDNPath></CDNPath>
+            <objectName>ko.bindingHandlers.quill</objectName>
+          </javaScriptLibrary>
+        </component>
+        <component type="JavaScriptFile">
+          <jsfiles>
+            <libraryFolderName>ko-quill</libraryFolderName>
+            <jsfile>
+              <name>quill-editor-knockout-binding.js</name>
+            </jsfile>
+          </jsfiles>
+        </component>
+      </components>
+    </package>
+  </packages>
+</dotnetnuke>

ko-quill_0.1.3/quill-editor-knockout-binding.js

@@ -0,0 +1,80 @@
+ko.bindingHandlers.quill = {
+
+  init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
+    var params = valueAccessor();
+
+    // Check whether the value observable is either placed directly or in the paramaters object.
+    if (!(ko.isObservable(params) || params["html"] || params["text"])) {
+      throw ("You need to define an observable value for the 'quill' binding. " +
+             "Either pass the observable directly or as the 'html' or 'text' " +
+             "field in the parameters.");
+    }
+
+    // Initialize the quill editor, and store it in the data section of the
+    // element using jQuery.
+    var quill = new Quill(element, { theme: "snow" });
+    $.data(element, "quill", quill);
+
+    // Extract the knockout observables and set the initial value.
+    var htmlObservable = null;
+    var textObservable = null;
+    var toolbarSelector = null;
+    if (ko.isObservable(params)) {
+      htmlObservable = params;
+      quill.setHTML(ko.unwrap(htmlObservable));
+    }
+    else {
+      htmlObservable = params["html"];
+      textObservable = params["text"];
+      toolbarSelector = params["toolbar"];
+
+      if (htmlObservable) {
+        quill.setHTML(ko.unwrap(htmlObservable) || "");
+      } else if (textObservable) {
+        quill.setText(ko.unwrap(textObservable) || "");
+      }
+      if (toolbarSelector) {
+        quill.addModule("toolbar", { container: toolbarSelector });
+      }
+    }
+
+    // Make sure we update the observables when the editor contents change.
+    quill.on("text-change", function(delta, source) {
+      if (htmlObservable && ko.isObservable(htmlObservable)) {
+        htmlObservable(quill.getHTML());
+      }
+      if (textObservable && ko.isObservable(textObservable)) {
+        textObservable(quill.getText());
+      }
+    });
+  },
+
+  update: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
+    // Extract the knockout observables.
+    var params = valueAccessor();
+    var htmlObservable = null;
+    var textObservable = null;
+    var enableObservable = null;
+    if (ko.isObservable(params)) {
+      htmlObservable = params;
+    } else {
+      htmlObservable = params["html"];
+      textObservable = params["text"];
+      enableObservable = params["enable"];
+    }
+
+    // Update the relevant values in the Quill editor.
+    var quill = $.data(element, "quill");
+    var selection = quill.getSelection();
+    if (htmlObservable) {
+      quill.setHTML(ko.unwrap(htmlObservable) || "");
+    } else if (textObservable) {
+      quill.setText(ko.unwrap(textObservable) || "");
+    }
+    if (enableObservable) {
+      quill.editor.enable(ko.unwrap(enableObservable));
+    }
+    quill.setSelection(selection);
+  }
+
+};