flynx/pWiki
1
1
Fork 0
mirror of https://github.com/flynx/pWiki.git synced 2025-12-27 05:01:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

basic localStorage Wiki now working, now for the bells n' whistles...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2016-07-05 03:14:00 +03:00
parent 5163840e88
commit 03c1b0074f
2 changed files with 70 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
index.html
View File

@ -7,10 +7,77 @@
<script src="wiki.js"></script> <script src="wiki.js"></script>
<script> <script>
var clear = () => {
delete localStorage['wiki-data']
delete localStorage['wiki-location']
}
var reload = () => {
$('.dir').text('/' + Wiki.dir)
$('.title').text(Wiki.title)
$('.text').html(activateWikiWords(Wiki.text))
// XXX save...
localStorage['wiki-data'] = JSON.stringify(Wiki.__wiki_data)
localStorage['wiki-location'] = Wiki.location
}
var go = (path) => {
Wiki.location = path
reload()
}
var clearWikiWords = elem => {
// clear existing...
elem.find('.WikiWord').each(function(){
$(this).replaceWith(this.childNodes)})
return elem
}
var activateWikiWords = text =>
text
// set new...
.replace(
RegExp('('+[
'[A-Z][a-z0-9]+[A-Z][a-z0-9][a-zA-Z0-9]*\/\\w+',
'[A-Z][a-z0-9]+[A-Z][a-z0-9][a-zA-Z0-9]*',
'\\[[^\\]]+\\]',
].join('|') +')', 'g'),
'<a class="WikiWord" href="#" onclick="go($(this).text().replace(/^\\[|\\]$/g, \'\'))">$1</a>')
$(() => {
// load stored data...
Wiki.__wiki_data = localStorage['wiki-data'] ?
JSON.parse(localStorage['wiki-data'])
: data
Wiki.location = localStorage['wiki-location'] || Wiki.location
reload()
$('.title')
.on('keyup', () => { Wiki.title = $('.title').text() })
// live update text...
// XXX is this the right way to go for large documents???
$('.text')
.on('keyup', () => {
Wiki.text = clearWikiWords($('.text').clone()).html() })
// XXX do this live, but on a timeout after user input...
// XXX need to place the cursor in the same position...
.blur(() => { reload() })
})
</script> </script>
<body> <body>
<div class="dir"></div>
<hr>
<h1 class="title" contenteditable></h1>
<div class="text" contenteditable></div>
</body> </body>
</html> </html>

3
wiki.js
View File

@ -22,6 +22,9 @@
// } // }
// } // }
var data = { var data = {
'/': {
text: 'base page...'
},
'dir/page': { 'dir/page': {
text: 'some text...' text: 'some text...'
}, },