blocksuite icon indicating copy to clipboard operation
blocksuite copied to clipboard

Inline partial formatting for text block

Open oytuntez opened this issue 1 year ago • 3 comments

Hi there,

Is it possible to apply partial formatting on a text element, such as making a word in the middle bold? This would basically have the same formatting options as mentioned in this issue.

I am currently using Note block to achieve this (and make the Note block look like a text block without paddings etc...).

oytuntez avatar Jul 01 '24 00:07 oytuntez

If you are using blocksuite for development, you can now experience this new element type, EdgelessText, in the playground. You can use the shortcut key T or select the text element on the toolbar to activate the new text tool.

graydawnc avatar Jul 03 '24 08:07 graydawnc

Thank you @donteatfriedrice! I did pull the recent commits, exactly what I needed, great job!

image

👍 Most formatting options are available for inline as well 👍 Text still scales when the box is scaled, preserving the inline formatting

Some findings (pheew, this started with 2 items... fully based on my real-world experience):

  • Copying inline text from EdgelessText and pasting it on whiteboard creates a new Note block, rather than an EdgelessText block.

  • Font family is missing in inline formatting toolbar, font family can only be selected for EdgelessText box.

  • "Link" formatting tool doesn't auto focus on URL text input in the Link popup.

  • Minimum EdgelessText box becomes much higher than the actual text height when you resize the box: image

  • Escape keyboard key does not cancel editing mode.

  • EdgelessText box formatting and inline formatting toolbars are very different. They can be unified. Box formatting toolbar is missing some formatting tools from inline formatting toolbar. Here is the comparison: image image

  • Double-clicking the border of an EdgelessText should shrink the EdgelessText block to the actual text height and width.

oytuntez avatar Jul 03 '24 22:07 oytuntez

Thank you @donteatfriedrice! I did pull the recent commits, exactly what I needed, great job!

image 👍 Most formatting options are available for inline as well 👍 Text still scales when the box is scaled, preserving the inline formatting

Some findings (pheew, this started with 2 items... fully based on my real-world experience):

  • Copying inline text from EdgelessText and pasting it on whiteboard creates a new Note block, rather than an EdgelessText block.
  • Font family is missing in inline formatting toolbar, font family can only be selected for EdgelessText box.
  • "Link" formatting tool doesn't auto focus on URL text input in the Link popup.
  • Minimum EdgelessText box becomes much higher than the actual text height when you resize the box:
image * Escape keyboard key does not cancel editing mode. * EdgelessText box formatting and inline formatting toolbars are very different. They can be unified. Box formatting toolbar is missing some formatting tools from inline formatting toolbar. Here is the comparison:

image image

  • Double-clicking the border of an EdgelessText should shrink the EdgelessText block to the actual text height and width.

Thank you for your feedback. We have recorded the issues you mentioned. Since this is a function just developed in the last iteration, it may take some time to improve. We plan to improve edgelessText in this iteration to give users a better experience.

Thanks again!

graydawnc avatar Jul 04 '24 07:07 graydawnc