Sitecore rich text box in page editor is not editable when it contains HTML formatting

Question

I have several fields that are edited in the Page Editor. One of them is a rich text box. This is html:

@foreach (var speaker in Model.Speakers)
{
    <div class="speaker__item" id="@speaker.Id">
        <div class="speaker__media">
            @RenderImage(speaker, x => x.Speaker_Image, isEditable: true)
        </div>
        <div class="speaker__info">
            @if (IsInEditingMode || !string.IsNullOrEmpty(speaker.Speaker_Name))
            {
                <h4 class="speaker__name">@Editable(speaker, x => x.Speaker_Name)</h4>
            }

            @if (IsInEditingMode || !string.IsNullOrEmpty(speaker.Speaker_Title))
            {
                <p class="speaker__title">@Editable(speaker, x => x.Speaker_Title)</p>
            }

            @if (IsInEditingMode || !string.IsNullOrEmpty(speaker.Speaker_Description))
            {
                <div class="speaker__bio">
                    <p>@Editable(speaker, x => x.Speaker_Description)</p>
                </div>
            }

            @RenderLink(speaker, x => x.Speaker_Bio, attributes: new { @class = "speaker__link" }, isEditable: true)
        </div>
    </div>
}

The rich text field is Speaker_Description. When there is no HTML in the field (i.e., just text), it correctly displays and is edited in the page editor. When a field contains html, for example, being wrapped in a tag <p>or including line breaks, it displays correctly, but does not edit on the page. I can still edit the field in Sitecore, but the area does not matter in the Page Editor.

Answer 1

, <p>.

<p> html, . <p> .

<p>, @Editable.

Answer 2

, , ( , @editable), . ,