Add simple textarea editor.

bc1b9325 · Romain Courteaud · a325611b · bc1b9325 · bc1b9325
Commit bc1b9325 authored May 21, 2014 by Romain Courteaud
Hide whitespace changes
Inline Side-by-side

Showing with 38 additions and 0 deletions

src/editor_raw/editor.js src/editor_raw/editor.js +23 -0

src/editor_raw/index.html src/editor_raw/index.html +15 -0

No files found.
--- a/src/editor_raw/editor.js
+++ b/src/editor_raw/editor.js
+/*jslint nomen: true*/
+/*global rJS */
+(function (window, rJS) {
+  "use strict";
+
+  function escape_text(text) {
+    // &, ", ', <, >, /
+    return text.replace(/&/g, "&amp;")
+               .replace(/</g, "&lt;")
+               .replace(/>/g, "&gt;");
+  }
+
+  var gk = rJS(window);
+
+  gk.declareMethod('setContent', function (value) {
+    this.__element.getElementsByTagName('textarea')[0].value =
+      escape_text(value);
+  })
+    .declareMethod('getContent', function () {
+      return this.__element.getElementsByTagName('textarea')[0].value;
+    });
+
+}(window, rJS));
--- a/src/editor_raw/index.html
+++ b/src/editor_raw/index.html
+<html>
+  <head>
+    <title>Simple Text Editor Gadget</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script src="../<%= copy.rsvp.relative_dest %>" type="text/javascript"></script>
+    <script src="../<%= copy.renderjs.relative_dest %>" type="text/javascript"></script>
+    <script src="editor.js" type="text/javascript"></script>
+    <link rel="http://www.renderjs.org/rel/interface"
+          href="http://www.renderjs.org/interface/editor"/>
+  </head>
+  <body>
+    <!--label for="textarea-a">Your basic text editor:</label-->
+    <textarea id="textarea-a"></textarea>
+  </body>
+</html>