Converted single line text to multiple and want to have rich text editing in layout

Question

We had a text field in a site that was initially set as single line of text. We needed it to be bigger and also allow formatting. So I added the field into the page layout.
Changing
<SharePointWebControls:TextField id="habitat" FieldName="Habitat" runat="server"/>
to
<SharePointWebControls:NoteField id="habitat" FieldName="Habitat" runat="server"/>
But it doesn't show any rich text editing options and displays the full html tags in the field.
If I open the page in the edit properties screen instead, then the field displays as I want it with the rich text editing options available in the ribbon, and text showing as bolded instead of like this:
<div>This is <strong>the </strong>habitat field.</div>
This is a site using the 2010 Publishing template running in compatibility mode on a 2013 server.
How can I get my page layout to behave the same way as the edit properties screen does?

Answer 1

Hi,
Here are two solutions for your reference:
1. We can use the InputFormTextBox control to achieve it.
<SharePoint:InputFormTextBox ID="habitat" RichText="true" RichTextMode="FullHtml" runat="server" TextMode="MultiLine" Rows="20"></SharePoint:InputFormTextBox>
http://blog.qumsieh.ca/2009/01/13/how-to-add-a-rich-text-editor-to-your-custom-application-pages-or-web-parts/
http://blog.mastykarz.nl/rich-text-editor-control-sharepoint-2010/
2. We can use the RichHtmlField control to achieve it.
<PublishingWebControls:RichHtmlField id="habitat" FieldName="Habitat" runat="server"/>
http://msdn.microsoft.com/en-us/library/office/ms561507(v=office.14).aspx
Best Regards
Dennis Guo
TechNet Community Support