ASP MVC Razor encode special characters in input placeholder

Question

This is my code:

Model:

[Required]
[DataType(DataType.Text)]
[Display(Name = "Your company's name")]
public string CompanyName { get; set; }

View:

@Html.TextBoxFor(m => m.CompanyName, new { @class = "account-input", @placeholder = @Html.DisplayNameFor(m => m.CompanyName), @id = "companyname" })

It will be rendered like this:

Your company's name

html output:

<input class="account-input" data-val="true" data-val-required="The Your company's name field is required." id="companyname" name="CompanyName" placeholder="Your company&amp;#39;s name" type="text" value="">

It should be look like this:

Your company's name

Why is the text does not render correctly and how can I prevent this?

I already tried this:

@Html.TextBoxFor(m => m.CompanyName, new { @class = "account-input", @placeholder = @Html.Raw(@Html.DisplayNameFor(m => m.CompanyName)), @id = "companyname" })

and this

@Html.TextBoxFor(m => m.CompanyName, new { @class = "account-input", @placeholder = @Html.Encode(@Html.DisplayNameFor(m => m.CompanyName)), @id = "companyname" })

your placeholder is encoding as: Your Company's name?

Luke Duddridge
– Luke Duddridge

2013-03-06 13:28:16 +00:00
Commented Mar 6, 2013 at 13:28 — Luke Duddridge
– Luke Duddridge, Commented Mar 6, 2013 at 13:28
Yes, exactly as described above.

Sebastian
– Sebastian

2013-03-06 13:31:13 +00:00
Commented Mar 6, 2013 at 13:31 — Sebastian
– Sebastian, Commented Mar 6, 2013 at 13:31

Hakan Fıstık · Accepted Answer · 2017-06-20 10:06:42Z

52

I think this post will help you:

HTML encode decode c# MVC4

I think there are other ways to get this behaviour, but this is one option of using the TextBox:

@Html.TextBox("CompanyName", HttpUtility.HtmlEncode("Your company&#39;s name"))

There is also HttpUtility.HtmlDecode, which might help with our save action.

update

if you wrap HttpUtility.HtmlDecode around your place holder:

@Html.TextBoxFor(m => m.CompanyName, new { @class = "account-input", 
@placeholder = HttpUtility.HtmlDecode(Html.DisplayNameFor(x => x.CompanyName).ToHtmlString()), 
@id = "companyname" })

the placeholder returns as: placeholder="Your company's name"

edited Jun 20, 2017 at 10:06

Hakan Fıstık

19.9k16 gold badges124 silver badges152 bronze badges

answered Mar 6, 2013 at 12:49

Luke Duddridge

4,34739 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sebastian Over a year ago

The link you post doesn't help. I already tried @Html.Raw. For the placeholder property it does not work.

Luke Duddridge Over a year ago

Do you want to encode the entity to become the ' in the textbox?

Darren Griffith Over a year ago

Similarly, you can use HtmlString

Hakan Fıstık · Accepted Answer · 2017-06-20 10:07:53Z

4

Here's an helper displayplaceholderfor that will present placeholder without encoding.

http://www.davidberube.me/displayplaceholderfor-mvc-placeholder-for-special-characters/

-- EDIT --

public static partial class Extensions
{
   public static MvcHtmlString DisplayPlaceHolderFor<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression)
   {
      var result = html.DisplayNameFor(expression).ToHtmlString();
      return new MvcHtmlString(System.Web.HttpUtility.HtmlDecode(result.ToString()));
   }
}

edited Jun 20, 2017 at 10:07

Hakan Fıstık

19.9k16 gold badges124 silver badges152 bronze badges

answered Apr 28, 2015 at 19:37

David Bérubé

414 bronze badges

Comments

Hakan Fıstık · Accepted Answer · 2017-06-20 10:08:32Z

1

Wouldn't it be easier to just skip using Html.DisplayNameFor? Decoding and re-encoding the text seems unneeded.

public static MvcHtmlString DisplayPlaceHolderFor<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression)
{
    var metaData = ModelMetadata.FromLambdaExpression(expression, html.ViewData);
    var resolvedDisplayName = metaData.DisplayName ?? metaData.PropertyName;

    if (!string.IsNullOrEmpty(resolvedDisplayName))
        return new MvcHtmlString(resolvedDisplayName);

    var htmlFieldName = ExpressionHelper.GetExpressionText(expression);
    resolvedDisplayName = htmlFieldName.Split('.').Last();

    return new MvcHtmlString(resolvedDisplayName);
}

edited Jun 20, 2017 at 10:08

Hakan Fıstık

19.9k16 gold badges124 silver badges152 bronze badges

answered Feb 11, 2016 at 15:25

Sven-Erik Jonsson

111 bronze badge

Collectives™ on Stack Overflow

ASP MVC Razor encode special characters in input placeholder

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related