How to format this kind of text in ASP.NET MVC

Question

I have this (portion of) email:

u003cDIV\u003e\n \u003cP STYLE=\"text-align: LEFT; \"\u003e\n \u003cFONT STYLE=\"letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; \"/\u003e\n \u003c/P\u003e\n \u003cP STYLE=\"text-align: LEFT; \"\u003e\n \u003cFONT STYLE=\"letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; \"/\u003e\n \u003c/P\u003e\n \u003cP STYLE=\"text-align: LEFT; \"\u003e\n \u003cFONT STYLE=\"letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; \"\u003eHello Ms. Goodman,

How can I do to format this kind of text and show him to final user as HTML Formatted?

Thanks!

at first glance, it looks like a lot of these are unicode characters and it also looks like what you posted is incomplete. you'll want to read the string in and convert the unicode at which point I'm guessing it will already be an html string — GregH
– GregH, Commented Mar 3, 2017 at 20:42
Sorry for posting just a portion but it's kind of confidential the content of that email, but thanks for the idea! — Elmer A. Chacon
– Elmer A. Chacon, Commented Mar 3, 2017 at 20:45

nurdyguy · Accepted Answer · 2017-03-03 21:02:03Z

Well, first of all you are missing an opening \ (probably lost in a copy/paste). but basically, create an html element to hold it:

<div id="message"></div>

then load the string into a javascript string:

var str = '\u003cDIV\u003e\n \u003cP STYLE=\"text-align: LEFT; \"\u003e\n \u003cFONT STYLE=\"letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; \"/\u003e\n \u003c/P\u003e\n \u003cP STYLE=\"text-align: LEFT; \"\u003e\n \u003cFONT STYLE=\"letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; \"/\u003e\n \u003c/P\u003e\n \u003cP STYLE=\"text-align: LEFT; \"\u003e\n \u003cFONT STYLE=\"letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; \"\u003eHello Ms. Goodman,';

and finally push it into the container using jQuery:

$('#message').html(str);

I'm not sure how this is coming in from the server so I can't advise you on that, but this basic idea should work.

The result of your string is

<div>
   <p style="text-align: LEFT; ">
      <font style="letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; "></font>
   </p>
   <p style="text-align: LEFT; ">
      <font style="letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; "></font>
   </p>
   <p style="text-align: LEFT; ">
      <font style="letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; ">Hello Ms. Goodman,</font>
   </p>
</div>

Tieson T. · Accepted Answer · 2017-03-03 21:27:42Z

0

Use either HttpUtility or WebUtility (depending on whether you want a dependency on System.Web).

Here's a unit test (using NUnit) showing how it would work:

using System.Net;
using NUnit.Framework;

[TestFixture]
public class UnitTest1
{
    [Test]
    public void TestMethod1()
    {
        string original = "\u003cDIV\u003e\n \u003cP STYLE=\"text-align: LEFT; \"\u003e\n \u003cFONT STYLE=\"letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; \"/\u003e\n \u003c/P\u003e\n \u003cP STYLE=\"text-align: LEFT; \"\u003e\n \u003cFONT STYLE=\"letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; \"/\u003e\n \u003c/P\u003e\n \u003cP STYLE=\"text-align: LEFT; \"\u003e\n \u003cFONT STYLE=\"letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; \"\u003eHello Ms. Goodman,";
        string expected = "<DIV>\n <P STYLE=\"text-align: LEFT; \">\n <FONT STYLE=\"letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; \"/>\n </P>\n <P STYLE=\"text-align: LEFT; \">\n <FONT STYLE=\"letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; \"/>\n </P>\n <P STYLE=\"text-align: LEFT; \">\n <FONT STYLE=\"letter-spacing: 0pt; color: #0B333C; font-size: 10pt; font-family: verdana; \">Hello Ms. Goodman,";
        string actual = null;

        actual = WebUtility.HtmlDecode(original);

        Assert.AreEqual(expected, actual);
    }
}

answered Mar 3, 2017 at 21:27

Tieson T.

21.2k6 gold badges82 silver badges99 bronze badges

2 Comments

Elmer A. Chacon Over a year ago

I have something like this: ` @foreach (var item in Model) { var body = item.BodyHTML; var stepa = System.Web.HttpUtility.HtmlDecode(body.ToString()); @Html.Raw(stepa) }` Is there something wrong? Always return the same string.

Tieson T. Over a year ago

You would need to put a breakpoint on the controller action and see what you're actually providing to the view. There's no way to say what the problem is based on that snippet (it should work).

Collectives™ on Stack Overflow

How to format this kind of text in ASP.NET MVC

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related