Paste to Content Block

At a glance

The community member is trying to copy content with headings, paragraphs, and lists from a web page into content blocks, but the formatting is lost. They have tried using Markdown in a text editor, but that did not work as expected. The comments suggest using AI to reformat the content as Markdown and then pasting it into the content blocks, which seems to be a workaround. Another community member mentions that pasting Markdown directly into the selected instance (not in code editing mode) should create the correct HTML elements. However, another community member notes that while this correctly assigns the HTML elements, it does not apply the design tokens assigned to those elements within the template.

SSteve Suderman

I have to copy a bunch of content from a web-page into content blocks. Other than a few things like Bold, there is no formatting. The content has Headings, Paragraphs and Lists (UO). I am left to basically copy every paragraph, heading, and list item individually one at a time. Is there another way? I also tried formatting with Markdown in text editor first. Any other ideas?

8 comments

JJeremy

@Steve Suderman, this isn't a Webstudio solution, but you could us AI to reformt as markdown then paste into WS. It's a workaround.

JJeremy

Unless you're asking for the styles of the content.

SSteve Suderman

As far as I can tell, pasting markdown just pastes in the markdown code. Nothing happens in terms of element type. It all shows up as a paragraph. Unless I am missing something.

OOleg Isonen

pasting markdown on the selected instance (not in code editing mode) should create all elements

OOleg Isonen

are you talking about webflow rich text elment?

SSteve Suderman

Thanks! That worked. My mistake was being in edit mode.

SSteve Suderman

I find that when I paste markdown on the content block it correctly assigns the HTML elements. But it does not apply the design tokens assigned to those elements within the template.

JJohn Siciliano

When pasting Markdown, there is no token info.

eg

Plain Text

# hello world 

I'm a paragraph

So there is something I'm not understanding.

In Content Block, each instance is it's own thing. So there's no way to apply some universal token to a certain instance.

On the other hand Content Embed or Markdown Embed supports styling the children.

The key differentiator is Content Block inserts new independent instances and Content Embed just applies CSS selectors to the code and no instances are involved as its custom code.

Add a reply

Join the Webstudio community

Paste to Content Block