I am trying some very basic steps using Umbraco Fanoe starter kit from the backoffice.
One issue: When using the Rich text box feature to create content, the Format dropdown selection has no effect. Not in backoffice, not in the site. Everything is displayed with the same size. The other tools, such as Bold and Italic, work.
The Format dropdown basically updates the underlying markup in the Rich Text Editor. So when you select some text and pick "Header 2" for instance, an id of "Header2" is added in the markup.
The reason you don't see any effect is because there is no css for #Header2 in the Settings > Stylesheets > rte stylesheet.
As a test, if you open that rte stylesheet in the settings section and add some css, it should start showing up. For instance, this would turn the text red:
#Header2{
color: #ff0000;
}
If you wanted to see this on the site, you'd just need to make sure the rte.css stylesheet is added to the markup in the template.
Yes, I found the rte stylesheet and have modified it. But the only place I see any actual effect is in the 'Preview' box in the 'Edit stylesheet properties' page in the backoffice. I still cannot see any changes when trying to apply formats in Rich Text Editor (still backoffice). In practice, looking at the HTML generated on my site, my text ends up like:
<p>
<span id="Header2">Here I am using Header 2</span>
</p>
Rich text box Format doesn't appy
I am trying some very basic steps using Umbraco Fanoe starter kit from the backoffice.
One issue: When using the Rich text box feature to create content, the Format dropdown selection has no effect. Not in backoffice, not in the site. Everything is displayed with the same size. The other tools, such as Bold and Italic, work.
Cheers...
The Format dropdown basically updates the underlying markup in the Rich Text Editor. So when you select some text and pick "Header 2" for instance, an id of "Header2" is added in the markup.
The reason you don't see any effect is because there is no css for #Header2 in the Settings > Stylesheets > rte stylesheet.
As a test, if you open that rte stylesheet in the settings section and add some css, it should start showing up. For instance, this would turn the text red:
#Header2{ color: #ff0000; }If you wanted to see this on the site, you'd just need to make sure the rte.css stylesheet is added to the markup in the template.
Hi James,
Yes, I found the rte stylesheet and have modified it. But the only place I see any actual effect is in the 'Preview' box in the 'Edit stylesheet properties' page in the backoffice. I still cannot see any changes when trying to apply formats in Rich Text Editor (still backoffice). In practice, looking at the HTML generated on my site, my text ends up like:
Best from Magnus
Hi again,
Now it works. I didn't realize I needed to add the rte.css to the master template to see changes in backoffice.
Shouldn't this work out-of-the-box?
Thanks. Sry for my ignorance.
is working on a reply...