How to remove the paragraph tag from rich text editor in Umbraco (Razor)

When you publish contents in Umbraco site, you may have noticed leading paragraph tag and tailing paragraph tags are wrapped the content. By default, RichText editor wraps the content as you can see in following sample.

This is a known issue/feature ;) and most of the time developers have to manually remove those two tags to render the raw content properly.

You may write a custom logic to remove the tags. Let's have a look on few workarounds.

• You can use in-build Umbraco function.

<div class="card-body">
  <h2 class="card-title">@item.Title</h2>
  <p class="card-text">@umbraco.library.RemoveFirstParagraphTag(item.Content)</p>
  <a href="@item.PostUrl" class="btn btn-primary">Read More &rarr;</a>
</div>

• Custom implementation(you may do addition null or length checking before trim)

@{
  var bodyContent = Model.Content;
  bodyContent = bodyContent.Trim();
  bodyContent = bodyContent.Substring(3);
  bodyContent = bodyContent.Substring(0, bodyContent.length - 4);
}