This page is part of a static HTML representation of the TiddlyWiki at https://tiddlywiki.com/

EditWidget

 27th June 2024 at 10:04pm

Introduction

The edit widget provides a general purpose interface for editing a tiddler. It dynamically chooses the appropriate widget depending on the type of the tiddler (currently either the EditTextWidget or the EditBitmapWidget).

Content and Attributes

The content of the <$edit> widget is ignored.

AttributeDescription
tiddlerThe tiddler to edit (defaults to the current tiddler)
fieldThe field to edit (defaults to text). Takes precedence over the index attribute
indexThe index to edit
classA CSS class to be added the generated editing widget
tabindexSets the tabindex attribute of the input or textarea to the given value
autocompleteIntroduced in v5.1.23 An optional string to provide a hint to the browser how to handle autocomplete for this input
cancelPopupsIntroduced in v5.1.23 if set to "yes", cancels all popups when the input gets focus
inputActionsIntroduced in v5.1.23 Optional actions that are triggered every time an input event occurs within the input field or textarea
refreshTitleIntroduced in v5.1.23 An optional tiddler title that makes the input field update whenever the specified tiddler changes

Examples

Edit the contents (text field) of a tiddler titled with today’s date

<$edit tiddler=<<now YYYY-0MM-0DD>> class="tc-edit-texteditor"/>

Edit $:/status/UserName with single-line input box, have browser offer autocomplete for email

<$edit-text tiddler="$:/status/UserName" tag="input" size=40 autocomplete="email"/>