mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-08-20 06:36:09 +00:00
88 lines
2.8 KiB
JavaScript
88 lines
2.8 KiB
JavaScript
/*\
|
|
title: $:/core/modules/widgets/edit/edit.js
|
|
type: application/javascript
|
|
module-type: widget
|
|
|
|
The edit widget uses editor plugins to edit tiddlers of different types.
|
|
|
|
\*/
|
|
(function(){
|
|
|
|
/*jslint node: true, browser: true */
|
|
/*global $tw: false */
|
|
"use strict";
|
|
|
|
var EditWidget = function(renderer) {
|
|
// Save state
|
|
this.renderer = renderer;
|
|
// Initialise the editors if they've not been done already
|
|
if(!this.editors) {
|
|
EditWidget.prototype.editors = {};
|
|
$tw.modules.applyMethods("editor",this.editors);
|
|
}
|
|
// Generate child nodes
|
|
this.generate();
|
|
};
|
|
|
|
EditWidget.prototype.generate = function() {
|
|
// Get parameters from our attributes
|
|
this.tiddlerTitle = this.renderer.getAttribute("tiddler",this.renderer.tiddlerTitle);
|
|
this.fieldName = this.renderer.getAttribute("field");
|
|
this.indexName = this.renderer.getAttribute("index");
|
|
if(!this.fieldName && !this.indexName) {
|
|
this.fieldName = "text";
|
|
}
|
|
// Choose the editor to use
|
|
// TODO: Tiddler field modules should be able to specify a field type from which the editor is derived
|
|
this.editorName = this.chooseEditor();
|
|
var Editor = this.editors[this.editorName];
|
|
// Instantiate the editor
|
|
this.editor = new Editor(this,this.tiddlerTitle,this.fieldName,this.indexName);
|
|
// Ask the editor to create the widget element
|
|
this.editor.render();
|
|
};
|
|
|
|
/*
|
|
Return the name of the editor that should handle this tiddler field
|
|
*/
|
|
EditWidget.prototype.chooseEditor = function() {
|
|
var tiddler = this.renderer.renderTree.wiki.getTiddler(this.tiddlerTitle);
|
|
if(this.fieldName === "text" && tiddler && tiddler.fields.type && this.editors[tiddler.fields.type]) {
|
|
return tiddler.fields.type;
|
|
}
|
|
return "text/vnd.tiddlywiki";
|
|
};
|
|
|
|
EditWidget.prototype.postRenderInDom = function() {
|
|
if(this.editor && this.editor.postRenderInDom) {
|
|
this.editor.postRenderInDom();
|
|
}
|
|
};
|
|
|
|
EditWidget.prototype.refreshInDom = function(changedAttributes,changedTiddlers) {
|
|
// We'll completely regenerate ourselves if any of our attributes have changed
|
|
if(changedAttributes.tiddler || changedAttributes.field || changedAttributes.index || changedAttributes.format || this.chooseEditor() !== this.editorName) {
|
|
// Regenerate and rerender the widget and replace the existing DOM node
|
|
this.generate();
|
|
var oldDomNode = this.renderer.domNode,
|
|
newDomNode = this.renderer.renderInDom();
|
|
oldDomNode.parentNode.replaceChild(newDomNode,oldDomNode);
|
|
} else if(this.tiddlerTitle && changedTiddlers[this.tiddlerTitle]) {
|
|
// Refresh the editor if our tiddler has changed
|
|
if(this.editor && this.editor.refreshInDom) {
|
|
this.editor.refreshInDom(changedTiddlers);
|
|
}
|
|
} else {
|
|
// Otherwise, just refresh any child nodes
|
|
$tw.utils.each(this.children,function(node) {
|
|
if(node.refreshInDom) {
|
|
node.refreshInDom(changedTiddlers);
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
exports.edit = EditWidget;
|
|
|
|
})();
|