clone/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/TiddlyWiki/TiddlyWiki5.git synced 2026-04-30 14:06:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add input type handling to the texteditor

Browse Source 
This allows us to customise the input element used for each field type.
The only one implemented at the moment is color, which currently only
works on Chrome
This commit is contained in:
Jeremy Ruston
2013-06-13 09:17:36 +01:00
parent 8471a2217a
commit cb34ef20ad
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
core/modules/widgets/edit/editors/texteditor.js
View File

@@ -56,7 +56,17 @@ TextEditor.prototype.render = function() {
type: "element",
attributes: {}
};
var type = this.editWidget.renderer.getAttribute("type",this.fieldName === "text" ? "textarea" : "input");
// Get the edit type associated with this field
var type = "input";
if(this.fieldName === "text") {
type = "textarea";
} else {
var fieldModule = $tw.Tiddler.fieldModules[this.fieldName];
if(fieldModule && fieldModule.editType) {
type = fieldModule.editType;
}
}
var type = this.editWidget.renderer.getAttribute("type",type);
switch(type) {
case "textarea":
node.tag = "textarea";
@@ -65,6 +75,11 @@ TextEditor.prototype.render = function() {
text: editInfo.value
}];
break;
case "color":
node.tag = "input";
node.attributes.type = {type: "string", value: "color"};
node.attributes.value = {type: "string", value: editInfo.value};
break;
case "search":
node.tag = "input";
node.attributes.type = {type: "string", value: "search"};