Add span to selected text

Hi!! Is there any option to add span classes to selected text??

Regards, César Carranza

Hi @cescc78 If I’m understanding your question correctly the answer is yes. If you are working with Bootstrap for example then search for “span” in the Lib tab and drag the span element onto the page. This will add span to the page (when viewed in code mode you will see span), all you have to do is double click on the work span and replace the word span with whatever text you want instead.

Hi I think it’s more meant to select a word (or more) and have then the ability to “wrap” a span around this selection (pretty similar as you would turn it into a link). And if possible, to add classnames in this dialogue.



@cescc78 @Thomas I think I understand better now what was asked. Once the span has been created, select it in the Document Tree, then click on the CSS Tab and “Add Rule” > .nameRule (remember to have . in front of the name) > Create & Assign class then edit the properties for this rule. This creates and assigns the rule to the current span.

Span after creating a new class and assigning it to the span

Sure Rob. Thanks for your efforts and help here.

But it’s perhaps more about creating the span (rather than its class and assignment). And I hereby agree with the original poster that it could be a lil bit more elegant. I don’t see anything speaking against handling this similar to creating a link.

Just my two cents.



Hi @Rob and @Thomas

Both are correct I need to add “code free” span’s with the editor and the span.rule class as new CSS rule.


1 Like