Search code examples
javascriptfabricjsfabricjs2

Select text of IText on FabricJS


I want set the text selection by code in FabricJS like the image. When I create the IText object I need to select all text to facilitate the editing.

I check the documentation, but no success.

enter image description here


Solution

  • I've found it in documentation. And prepared use example for you

    import "./styles.css";
    import { fabric } from "fabric";
    
    const canvas = new fabric.Canvas("c", { width: 600, height: 600 });
    
    const iText = new fabric.IText("Hello world!");
    
    canvas.setActiveObject(iText);
    iText.enterEditing();
    iText.selectAll();
    canvas.add(iText);
    

    https://codesandbox.io/s/fabricjs-playground-forked-jl0ui?file=/src/index.js