Word spacing in text editor node

Hi,

I have problem with word spacing, it lost the space between words.

This is normal 


And when edit



2 Replies

MR mrmt August 28, 2021 02:14 AM UTC

And wrapping text not show perfect, thanks for helping



GG Gowtham Gunashekar Syncfusion Team August 30, 2021 12:10 PM UTC

Hi mrmt, 
 
Please refer to the following sample for how to wrap the text with respect to the node width and add the space between the words in annotation. We suggest you set the textOverflow as 'Wrap' and the textWrapping as 'WrapWithOverflow' to wrap the annotation content based on the node width and set the whitespace as 'CollapseSpace' to add the space between the words while editing the annotation. 
 
Code snippet: 
let nodes = [ 
  { 
    id: 'NewIdea', 
    height: 100, 
    width: 300, 
    offsetX: 300, 
    offsetY: 80, 
    shape: { type: 'Flow', shape: 'Terminator' }, 
    annotations: [ 
      { 
        content: 
          'Place', 
        style: { 
          textOverflow: 'Wrap', 
          textWrapping: 'WrapWithOverflow', 
          whiteSpace: 'CollapseSpace' 
        } 
      } 
    ] 
  } 
]; 
 
 
   
If still you are facing the issue , please replicate the reported issue in the shared sample that will help us to go ahead further.  
   
    
Regards,   
Gowtham.  
 


Loader.
Up arrow icon