useEditableText

Public function

function useEditableText(
  id: TLShapeId,
  type: string,
  text: string
): {
  handleBlur: () => void
  handleChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void
  handleDoubleClick: (e: any) => any
  handleFocus: typeof noop
  handleInputPointerDown: (e: React.PointerEvent) => void
  handleKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void
  isEditing: boolean
  isEditingAnything: boolean
  isEmpty: boolean
  rInput: React.RefObject<HTMLTextAreaElement>
}

TLShapeId

string

string

{
  handleBlur: () => void
  handleChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void
  handleDoubleClick: (e: any) => any
  handleFocus: typeof noop
  handleInputPointerDown: (e: React.PointerEvent) => void
  handleKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void
  isEditing: boolean
  isEditingAnything: boolean
  isEmpty: boolean
  rInput: React.RefObject<HTMLTextAreaElement>
}

TLShapeId

packages/tldraw/src/lib/shapes/shared/useEditableText.ts