Adding a controlled editor using the grammar parser

WordPress · Feb 22, 2017 · 76a62ac · 76a62ac
1 parent 315ee13
commit 76a62ac
Show file tree

Hide file tree

Showing 7 changed files with 2,765 additions and 0 deletions.
diff --git a/controlled-grammar-editor/index.html b/controlled-grammar-editor/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Controlled Block Editor With Grammar and UI</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link rel='stylesheet' id='h5-font-css' href='https://fonts.googleapis.com/css?family=Merriweather:700,300,700italic,300italic' />
+		<link href="style.css" rel="stylesheet" type="text/css" media="all">
+	</head>
+	<body>
+		<section class="editor" contenteditable="true"></section>
+		<div class="controls"></div>
+
+		<script src="lib/rangy-core.js"></script>
+		<script src="lib/rangy-textrange.js"></script>
+		<script src="initial-content.js"></script>
+		<script src="parser.js"></script>
+		<script src="main.js"></script>
+		<script src="../navigation.js"></script>
+	</body>
+</html>
diff --git a/controlled-grammar-editor/initial-content.js b/controlled-grammar-editor/initial-content.js
@@ -0,0 +1,14 @@
+window.initialContent =
+`<!-- wp:heading -->
+1.0 Is The Loneliest Number
+<!-- /wp -->
+
+Many entrepreneurs idolize Steve Jobs. He’s such a perfectionist, they say. Nothing leaves the doors of 1 Infinite Loop in Cupertino without a polish and finish that makes geeks everywhere drool. No compromise!
+
+<!-- wp:image -->
+<img alt="" src="https://cldup.com/HN3-c7ER9p.jpg">
+<!-- /wp -->
+
+<!-- wp:paragraph -->
+I like Apple for the opposite reason: they’re not afraid of getting a rudimentary 1.0 out into the world.
+<!-- /wp -->`;
diff --git a/controlled-grammar-editor/lib/rangy-core.js b/controlled-grammar-editor/lib/rangy-core.js
diff --git a/controlled-grammar-editor/lib/rangy-textrange.js b/controlled-grammar-editor/lib/rangy-textrange.js
diff --git a/controlled-grammar-editor/main.js b/controlled-grammar-editor/main.js