mirror of
https://github.com/Jermolene/TiddlyWiki5.git
synced 2026-02-21 23:51:49 -08:00
Add input type handling to the texteditor
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:
parent
8471a2217a
commit
cb34ef20ad
1 changed files with 16 additions and 1 deletions
|
|
@ -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"};
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue