Options
Public/Protected
  • Public
  • Public/Protected
  • All
Menu

GoJS API 文档

Hierarchy

The TextEditingTool is used to let the user interactively edit text in place. This sets the TextBlock.text property; you may want to save the changed text to the model by using a TwoWay Binding on the "text" property of editable TextBlocks.

Typically this is used by setting the TextBlock.editable property to true on a particular TextBlock in a part. When the part is selected and the user clicks on the TextBlock or invokes the CommandHandler.editTextBlock command, this tool is started and it uses an HTMLTextArea to perform in-place text editing. (For more details see the description for TextEditingTool.doActivate.)

The TextBlock is accessible as the TextEditingTool.textBlock property. The text editor is accessible as the TextEditingTool.currentTextEditor property. From the text editor control one can access the TextBlock being edited via the 'textEditingTool' property to get to this tool, from which one can use the TextEditingTool.textBlock property.

You can disable mouse clicking from starting this text editing tool by setting Tool.isEnabled to false. You can disable the F2 key from starting this text editing tool by making sure Part.canEdit returns false, by either setting Diagram.allowTextEdit to false or by setting Part.textEditable to false.

If you want to programmatically start the user editing a particular TextBlock, call CommandHandler.editTextBlock. That command method is also invoked by the F2 key on the keyboard.

For a general discussion of text editing validation, see: Introduction to Text Validation. For customizing the TextEditingTool, read about HTMLInfo and see Introduction to Text Editors.

Index

Constructors

constructor

Properties

currentTextEditor : HTMLInfo | null

  • Gets or sets the HTMLInfo that is editing the text.

defaultTextEditor : HTMLInfo

selectsTextOnActivate : boolean

  • Gets or sets whether to select (highlight) the editable text when the TextEditingTool is activated. The default is true.

    since

    1.5

starting : EnumValue

state : EnumValue

textBlock : TextBlock | null

textValidation : function(aTextBlock: TextBlock, oldString: string, newString: string): boolean | null

  • Gets or sets the predicate that determines whether or not a string of text is valid. If this is non-null, this predicate is called in addition to any TextBlock.textValidation predicate. See isValidText for more details. The default predicate is null, which is equivalent to simply returning true.

    The function, if supplied, must not have any side-effects.

Methods

Virtual acceptText

  • acceptText(reason: EnumValue): void

Virtual Override canStart

  • canStart(): boolean
  • This may run when there is a mouse-click on a TextBlock for which the TextBlock.editable property is true in a Part that Part.isSelected.

    This method may be overridden. Please read the Introduction page on Extensions for how to override methods and how to call this base method.

    Returns boolean

Override doActivate

  • doActivate(): void

Override doCancel

  • doCancel(): void
  • Abort any text editing operation.

    Returns void

Override doDeactivate

  • doDeactivate(): void

Override doMouseDown

  • doMouseDown(): void

Override doMouseUp

  • doMouseUp(): void

Override doStart

  • doStart(): void

Virtual isValidText

  • isValidText(textblock: TextBlock, oldstr: string, newstr: string): boolean
  • This predicate checks any TextBlock.textValidation predicate and this tool's textValidation predicate to make sure the TextBlock.text property may be set to the new string.

    This method may be overridden, although usually it is sufficient to set textValidation. Please read the Introduction page on Extensions for how to override methods and how to call this base method.

    Parameters

    • textblock: TextBlock

      the TextBlock that is being edited.

    • oldstr: string

      the previous string value.

    • newstr: string

      the proposed new string value.

    Returns boolean

    true if the new string is valid for the given TextBlock.

measureTemporaryTextBlock

  • measureTemporaryTextBlock(text: string): TextBlock
  • This method returns a temporary TextBlock used for measuring text during editing. The TextBlock.text is set to the parameter's value, and the TextBlock is measured with the last available width of the textBlock.

    Text editors can use the GraphObject.measuredBounds and TextBlock.lineCount to determine a reasonable size for their text areas.

    since

    1.7

    Parameters

    • text: string

      the text to measure

    Returns TextBlock

Constants

Static DoubleClick : EnumValue

A possible value for TextEditingTool.starting, A double click on a TextBlock with TextBlock.editable property set to true will start in-place editing.

Static Enter : EnumValue

A possible value for TextEditingTool.acceptText, the user has typed ENTER.

Static LostFocus : EnumValue

A possible value for TextEditingTool.acceptText, the text editing control has lost focus.

Static MouseDown : EnumValue

A possible value for TextEditingTool.acceptText, the user has clicked somewhere else in the diagram.

Static SingleClick : EnumValue

A possible value for TextEditingTool.starting, A single click on a TextBlock with TextBlock.editable property set to true will start in-place editing.

Static SingleClickSelected : EnumValue

A possible value for TextEditingTool.starting, A single click on a TextBlock with TextBlock.editable property set to true will start in-place editing, but only if the Part that the TextBlock is in is already selected.

Static StateActive : EnumValue

A possible value for state, TextEditingTool.doActivate sets the value of state to this.

Static StateEditing : EnumValue

A possible value for state, The default text editor receiving focus sets the value of state to this.

Static StateInvalid : EnumValue

A possible value for state, If validation fails, TextEditingTool.acceptText sets the value of state to this.

Static StateNone : EnumValue

A possible value for state, this is the starting value before the tool is activated.

Static StateValidated : EnumValue

A possible value for state, Once accepted and the tool begins the "TextEditing" transaction, the value of state is set to this.

Static StateValidating : EnumValue

A possible value for state, TextEditingTool.acceptText sets the value of state to this.

Static Tab : EnumValue

A possible value for TextEditingTool.acceptText, the user has typed TAB.

加入 GoJS 交流群
GoJS 交流群 (769862113)