Umbraco how to stop Rich Text Box to automatically add
tag in html

Question

I am developing a website in umbraco, the problem is when i insert my html in rich text editor it automatically inserts "p" (Paragraph Tag) tag in the html which is destroying my design.Please help me, i am stuck here.

Thank you.

Can you show us an example? – Roman Pushkin Dec 13 '13 at 14:15 — Roman Pushkin, Dec 13 '13 at 14:15

score 6 · Accepted Answer · answered Dec 17 '13 at 15:09

How are you adding the page field onto your markup? Through a view or as a pagefield?

If you're adding it as a pagefield add the attribute stripParagraph="true"

If you're adding in a view then you could try

Html.Raw(library.RemoveParagraphTags(Model.bodyText.ToString()))

But that will only remove the first one

You could roll your own version of that method to remove all P tage, or try what's suggested here - http://scottsdevblog.com/2011/08/get-rid-of-those-pesky-p-tags-in-umbracos-tinymce-editor/

Should add - I've not tried what Scott suggests, I would typically use a Simple Editor or Textbox Multiple data type if I didn't want P tags (which might also work for you) — Carl Sargunar, Dec 17 '13 at 15:10

score 1 · Answer 2 · answered Mar 04 '20 at 22:57

The OP asked how to stop the paragraph tags from being inserted. All of the proposed answers fail to prevent the insertion; they just try to mitigate its existence.

In your \config\tinyMceConfig.config, set forced_root_block to false.

<customConfig> ... <config key="force_p_newlines">false</config> <config key="forced_root_block">false</config> ... </customConfig>

score 0 · Answer 3 · answered Dec 13 '13 at 23:16

0

Use @Html.Raw(richtexteditor.itsvalue) or check the html agility pack on nuget.

answered Dec 13 '13 at 23:16

antao

767
1
9
24

score 0 · Answer 4 · answered Oct 08 '14 at 10:19

I realise this is an old question but I have had some trouble with this issue too and have a neat little solution that I wanted to share.

I tried changing / removing the forced_root_block and using Raw HTML, neither of which really worked well for me.

Instead I wrapped the output of the field in a semantic tag () and then added a css rule:

mce p:first-of-type {
    margin-top:0px;
}

mce p:last-of-type {
    margin-bottom:0px;
}

For me, this felt less 'hacky' and didn't require me to keep any customised versions of files or output mark-up in the Raw format.

Hope this helps someone else :)

score 0 · Answer 5 · answered Dec 31 '15 at 03:57

0

Umbraco 7, Razor

@Umbraco.Field("yourDocumentPropertyAliasName", removeParagraphTags:true)

answered Dec 31 '15 at 03:57

atazmin

4,757
1
32
23

Umbraco how to stop Rich Text Box to automatically add tag in html

5 Answers5

Umbraco how to stop Rich Text Box to automatically add
tag in html