From 17a159f3102e6eea4168dd9605b8b6776763d0a6 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Wed, 5 Oct 2022 20:44:25 +0300
Subject: [PATCH] experimenting with editors...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 pwiki/dom/wikiword.js |  1 +
 pwiki2.html           | 38 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+)

diff --git a/pwiki/dom/wikiword.js b/pwiki/dom/wikiword.js
index e221c5e..c128af4 100755
--- a/pwiki/dom/wikiword.js
+++ b/pwiki/dom/wikiword.js
@@ -84,6 +84,7 @@ function(elem){
 		.forEach(function(text){
 			// skip stuff...
 			if(text.parentNode.nodeName.toLowerCase() == 'a'
+					|| text.parentNode.nodeName.toLowerCase() == 'script'
 					|| (text.parentNode.getAttribute('wikiwords') ?? '').toLowerCase() == 'no'){
 				return }
 			var t = text.nodeValue
diff --git a/pwiki2.html b/pwiki2.html
index 8615a84..ea7116a 100755
--- a/pwiki2.html
+++ b/pwiki2.html
@@ -22,6 +22,40 @@
 
 <link rel="stylesheet" href="css/fonts.css">
 
+
+<!-- MediumEditor -->
+<!--link rel="stylesheet" href="experiments/medium-editor/css/medium-editor.css">
+<link rel="stylesheet" href="experiments/medium-editor/css/themes/default.css">
+<script src="ext-lib/showdown.min.js"></script>
+<script src="experiments/medium-editor/js/medium-editor.js"></script>
+<script src="experiments/medium-editor/js/me-markdown.standalone.js"></script>
+<script>
+var setupMediumEditor = async function () {
+	var editorelem = document.querySelector('.medium-editor')
+	if(editorelem){
+		console.log('MediumEditor: setup...')
+		var page = pwiki.get('..')
+
+		// load the initial state...
+		var converter = new showdown.Converter()
+		editorelem.innerHTML = converter.makeHtml(await page.raw)
+
+		var elem = document.querySelector('.medium-markdown')
+		editor = new MediumEditor(editorelem, {
+			extensions: {
+				markdown: new MeMarkdown(function(code) {
+					saveContent(page.path, code)
+					// XXX DEBUG...
+					elem 
+						&& (elem.textContent = code) }) } }) } }
+</script-->
+<!-- MediumEditor -->
+
+<!-- ToastUIEditor -->
+<!-- ToastUIEditor -->
+
+
+
 </head>
 
 <style>
@@ -320,6 +354,10 @@ require(['./browser'], function(browser){
 				&& this.dom
 					.querySelector('#'+ this.hash)
 					.scrollIntoView() 
+
+			// XXX MediumEditor...
+			//setupMediumEditor()
+
 			// handle refresh...
 			// NOTE: we need to do this as hashchange is only triggered 
 			//		when the hash is actually changed...