页面编辑器中的 Sitecore 富文本字段在包含 HTML 格式时不可编辑答案

【问题标题】：Sitecore rich text field in page editor is not editable when it contains HTML formatting页面编辑器中的 Sitecore 富文本字段在包含 HTML 格式时不可编辑
【发布时间】：2017-12-21 18:28:33
【问题描述】：

我有许多可以在页面编辑器中编辑的字段。其中之一是富文本字段。这是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>
}

富文本字段是 Speaker_Description。当字段中没有 HTML（即纯文本）时，它会正确呈现并且可以在页面编辑器中进行编辑。当字段确实包含 html 时，例如包含在  标记中或包含换行符时，它会正确呈现，但在页面上不可编辑。我仍然可以在 Sitecore 中编辑该字段，但该区域在页面编辑器中无法点击。

【问题讨论】：

尝试删除@Editable 周围的 标签。我认为这可能与  标签内不允许的 html 标签有关，这会导致浏览器关闭  标签并破坏可食用富文本的功能。
是的！你真是个天才！
是的，我是；）我很高兴能帮上忙。我将我的评论转化为答案。

标签： html sitecore glass-mapper page-editor

【解决方案1】：

当您将可编辑的富文本放入  标记中时，这是一个已知问题。

 标签内不允许有很多 html 标签。这就是为什么您的浏览器会关闭  标记并破坏可编辑富文本的功能。

删除@Editable周围的标签。

【讨论】：

【解决方案2】：

这是一个已知问题，但最快的方法是找出导致问题的 p 标签（很可能在 @editable 周围），打开开发工具并查看控制台是否有错误。希望这会有所帮助

【讨论】：