Text in rich textbox disappears when trying to edit with Experience Manager for a DD4T site

Question

I am trying to edit the content of a page using experience manager in Tridion2013 SP1 for a DD4T site. When I click on the rich text box, Content from the textbox disappears at sudden. I have checked the markup for the page which looks fine. I am using the same DD4T view and same CP on a different page for which site edit is working.

<section class="centerCol">
<!-- Start Component Presentation: {"ComponentID" : "tcm:33-1738", "ComponentModified" : "2014-05-21T20:28:56", "ComponentTemplateID" : "tcm:33-1688-32", "ComponentTemplateModified" : "2014-05-07T19:48:12", "IsRepositoryPublished" : false} -->
<article>
<!-- Start Component Field: {"XPath":"tcm:Content/custom:GeneralContent/custom:BodyText[1]"} --><p xmlns="http://www.w3.org/1999/xhtml"><span style="font-size: 16pt;">
Editing Works for this text</span></p><p xmlns="http://www.w3.org/1999/xhtml"><span style="font-size: 16pt;">Editing Works for this text</span></p>
</article>



<!-- Start Component Presentation: {"ComponentID" : "tcm:33-1740", "ComponentModified" : "2014-05-12T18:08:57", "ComponentTemplateID" : "tcm:33-1686-32", "ComponentTemplateModified" : "2014-05-07T19:47:57", "IsRepositoryPublished" : false} -->
<article class="contentWithImage ">
<hgroup>
  <h2><!-- Start Component Field: {"XPath":"tcm:Content/custom:GeneralContentWithImage/custom:Header[1]"} -->Editing does not Works for this text</h2>
</hgroup>

<span>
    <p xmlns="http://www.w3.org/1999/xhtml">Editing does not Works for this text</p>
     <!-- Start Component Field: {"XPath":"tcm:Content/custom:GeneralContentWithImage/custom:BodyText[1]"} -->
</span>
</article>

</section>

Answer 1

The second field's siteedit markup should be rendered before the field, not after. Try changing your dd4t view so that the output is like this:

<span>
<!-- Start Component Field: {"XPath":"tcm:Content/custom:GeneralContentWithImage/custom:BodyText[1]"} -->
    <p xmlns="http://www.w3.org/1999/xhtml">Here is some text</p>
</span>

Answer 2

Issue has now been resolved. I was using @Html.SiteEditComponentPresentation(Model) outside of <article> tag in the View.As per experience manager any @Html.SiteEdit code should be inside HTML tag.

<article>
@Html.SiteEditComponentPresentation(Model)
@if (Header != String.Empty) {
    <h2>
    @Html.SiteEditField(Model.Component,Model.Component.Fields["Header"])
   @Header</h2>
}
@if (SubHeader != String.Empty) {
    <h3>@Html.SiteEditField(Model.Component,Model.Component.Fields["SubHeader"])@SubHeader</h3>
}
@if (BodyText != String.Empty) {

  <div>  @Html.SiteEditField(Model.Component,Model.Component.Fields["BodyText"])@Html.Raw(BodyText)</div>
}
</article>