mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-30 21:39:57 +00:00
Code Issues Releases Wiki Activity

Got the edit macro working

Browse Source 
A bit rough and ready, but OK for editting `text` and other full text
fields.
This commit is contained in:
Jeremy Ruston 2012-03-30 13:50:01 +01:00
parent cc3180a1cc
commit d8d20a3bc8
1 changed files with 65 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
js/macros/edit.js
View File

@ -4,18 +4,61 @@ title: js/macros/edit.js
\*/
(function(){
/*jslint node: true */
/*jslint node: true, browser: true */
"use strict";
var Renderer = require("../Renderer.js").Renderer,
var Tiddler = require("../Tiddler.js").Tiddler,
Renderer = require("../Renderer.js").Renderer,
Dependencies = require("../Dependencies.js").Dependencies,
utils = require("../Utils.js");
function getText(text,node) {
if(node.nodeType === window.Node.TEXT_NODE) {
text.push(node.data);
} else if(node.nodeType === window.Node.ELEMENT_NODE && node.nodeName.toLowerCase() === "br") {
// Firefox has `<br>` tags instead of line feeds
text.push("\n");
}
if(node.hasChildNodes && node.hasChildNodes()) {
for(var t=0; t<node.childNodes.length; t++) {
getText(text,node.childNodes[t]);
}
}
}
function handleTextChangeEvent(macroNode,event) {
var tiddler = macroNode.store.getTiddler(macroNode.tiddlerTitle);
if(macroNode.content[0].domNode && tiddler) {
var text = [];
getText(text,macroNode.content[0].domNode);
text = text.join("");
if(text !== tiddler[macroNode.params.field]) {
var update = {};
update[macroNode.params.field] = text;
macroNode.store.addTiddler(new Tiddler(tiddler,update));
}
event.stopPropagation();
return false;
}
}
exports.macro = {
name: "edit",
dependentOnContextTiddler: true,
params: {
field: {byPos: 0, type: "text"}
},
events: {
"DOMNodeInserted": function(event) {
return handleTextChangeEvent(this,event);
},
"DOMNodeRemoved": function(event) {
return handleTextChangeEvent(this,event);
},
"DOMCharacterDataModified": function(event) {
return handleTextChangeEvent(this,event);
}
},
execute: function() {
var tiddler = this.store.getTiddler(this.tiddlerTitle),
field = this.hasParameter("field") ? this.params.field : "title",
@ -36,16 +79,31 @@ exports.macro = {
}
}
var type = "div";
switch(field) {
case "text":
if(field === "text") {
type = "pre";
break;
}
var attributes = {
"contenteditable": true,
"class": ["tw-edit-field"]
};
return [Renderer.ElementNode(type,attributes,[Renderer.TextNode(value)])];
var editor = Renderer.ElementNode(type,attributes,[Renderer.TextNode(value)]);
editor.execute(this.parents,this.tiddlerTitle);
return [editor];
},
refreshInDom: function(changes) {
// Don't refresh the editor if it contains the caret or selection
if(!window.getSelection().containsNode(this.domNode, true)) {
// Remove the previous content
while(this.domNode.hasChildNodes()) {
this.domNode.removeChild(this.domNode.firstChild);
}
// Execute the new content
this.execute(this.parents,this.tiddlerTitle);
// Render to the DOM
for(var t=0; t<this.content.length; t++) {
this.content[t].renderInDom(this.domNode);
}
}
}
};