Orchard Core 文档翻译 (六)HTML

Body (OrchardCore.Html)

Theming

Shapes

将HtmlBodyPart附加到内容类型时,将呈现以下形状(Shapes)

NameDisplay TypeDefault LocationModel Type
HtmlBodyPartDetailContent:5HtmlBodyPartViewModel
HtmlBodyPartSummaryContent:10HtmlBodyPartViewModel

HtmlBodyPartViewModel

HtmlBodyPartViewModel类提供以下属性。

PropertyTypeDescription
BodystringThe content that was edited. It might contain tokens.
HtmlstringThe HTML content once all tokens have been processed
ContentItemContentItemThe content item of the part
HtmlBodyPartHtmlBodyPartThe HtmlBodyPartinstance
TypePartSettingsHtmlBodyPartSettingsThe settings of the part

HtmlBodyPart

HtmlBodyPart上提供了以下属性

NameTypeDescription
BodystringThe HTML content in the body. It can contain Liquid tags so using it directly might result in unexpected results. Prefer rendering the HtmlBodyPart shape instead
ContentThe raw content of the part 
ContentItemThe content item containing this part 

Editors 

HtmlBody Part编辑器对于每种内容类型可以是不同的。 在内容类型的HtmlBody Part 设置中,只需选择需要使用的设置即可。

有两个预定义的编辑器名称:

  • Default是默认使用的编辑器
  • Wysiwyg是提供WYSIWYG体验的编辑器

Custom Editors

自定义编辑器可能意味着用不同的体验替换预定义的编辑器,或者为用户提供可供选择的新选项。

要创建新的自定义编辑器,需要提供两个形状模板( shape templates),一个用于提供编辑器的名称(如果要覆盖现有编辑器,则为可选),以及用于呈现编辑器的实际HTML格式。

Declaration

要声明新编辑器,请创建名为HtmlBody_Option__{Name}的格式,其中{Name}是您选择的值。 这将由一个名为的文件表示 HtmlBody-{Name}.Option.cshtml.

Sample content:

 

@{
    string currentEditor = Model.Editor; } <option value="Wysiwyg" selected="@(currentEditor == "Wysiwyg")">@T["Wysiwyg editor"]</option> 

 

HTML Editor

要定义从设置中选择编辑器时要呈现的HTML,可以创建与文件Body-{Name} .Editor.cshtml 对应的名为HtmlBody_Editor __ {Name}的格式。

Sample content:

 

@using OrchardCore.Html.ViewModels; @model HtmlBodyPartViewModel <fieldset class="form-group"> <label asp-for="Body">@T["Body"]</label> <textarea asp-for="Body" rows="5" class="form-control"></textarea> <span class="hint">@T["The body of the content item."]</span> </fieldset> 

 

覆盖预定义的编辑器

您可以通过创建名为HtmlBody.Editor.cshtml的文件来覆盖默认编辑器的HTML编辑器。 Wysiwyg编辑器是使用名为HtmlBody-Wysiwyg.Editor.cshtml的文件定义的。

鸣谢

Trumbowyg

https://github.com/Alex-D/Trumbowyg
Copyright (c) 2012-2016 Alexandre Demode (Alex-D)
License: MIT

 

原文链接:https://www.cnblogs.com/Qbit/p/9746477.html 

转载于:https://www.cnblogs.com/Qbit/p/9746477.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值