在体验编辑器中以正确的方式添加HTML文本

时间:2016-11-10 12:50:59

标签: sitecore

我们的内容作者使用体验编辑器比使用内容编辑器更舒服,并且还具有HTML知识 要求是 - 作者还应该能够添加文本 - 以及其他组件(轮播,横幅等),或者只需要使用富文本编辑器创建整个HTML页面。

例如:他将打开一个页面的体验编辑器,添加一个横幅组件,然后在被禁止的想要添加文本的下方。 (或者可能只是使用HTML设计整个页面)

我第一次处理这种任务,这就是我所做的。

创建以下内容:
1.名称为" Rich Text Section"的模板,其中包含一个字段" Content"类型"富文本"。
2.视图渲染,#34;富文本组件",指向.cshtml,这是一个简单的HTML

<div class="row">
      @Html.Sitecore().Field("Content", Model)
   </div>
  1. 文件夹&#34; Rich Text Sections&#34;在Sitecore&gt;内容&gt;主页&gt;组件。在此文件夹中,作者只能添加&#34; Rich Text Section&#34;模板。
  2. 要向/或设计页面添加文本,作者需要执行以下操作。

    1. 在内容编辑器模式下浏览。在&#34; Rich Text Sections&#34;中添加一个新项目(例如&#34; LoremIpsum&#34;),模板类型&#34; Rich Text&#34;文件夹中。
    2. 在体验编辑器模式下浏览。添加&#34; Rich Text Component&#34;,将其数据源设置为&#34; LoremIpsum&#34;,然后在其中写入所有HTML内容。
    3. 在这里,作者必须切换到两种编辑器模式。请告知更好的方法。

1 个答案:

答案 0 :(得分:2)

如果您在解决方案中的项目上正确设置了Insert Options,那么您可以从体验编辑器中使用功能区上主页标签中的Insert Page。然后,这将弹​​出一个模式,显示已配置为Insert Options的所有模板,就像您右键单击内容编辑器中的节点一样/ em>并选择插入选项。

Insert Page

该页面将创建为您当前所在页面的子页面。您可以通过从查看功能区启用Navigation Bar选项,选择页面并选择&#34; Go&#34;

Navigate Pages

编辑:我错误地读了你的问题。在使用体验编辑器添加组件时,您似乎正在尝试创建项目的数据源。

您需要在渲染的定义项目上设置Datasource LocationDatasource Template字段:

Datasource Location and Template Type

确保在“渲染”项目上将Data source字段留空。现在,当您添加组件时,系统将提示您Select the Associated Content。您的编辑将能够选择现有内容或创建新内容。

Select Associated Content

您可以在此blog post中阅读更多内容。