动态电子邮件 组件

注意


此页为于 SCP 维基内部使用的“组件”页。用于在其他页面中引用。

未经组件作者或工作人员允许,请勿修改此页的内容。


这是什么?

这是由QueeriousQueerious开发的一个组件,能让你在文章中插入可动态依照屏幕大小来排版的电子邮件,自带基金会标志,还预留了个用来插入角色头像的位置。

有了这个组件,大家就能用简洁的代码来定义邮件了,还免去了编辑表格的麻烦!

要想使用这个组件的话,请遵循下面的步骤!


第1步——代码

你需要在你的页面顶端复制以下代码引用本组件:

[[include :scp-wiki-cn:component:dynamic-emails code=--]]

这行代码在文章里只需要出现一次


第2步——邮件

需要插入邮件时,你需要使用下面的所有代码:

[[include :scp-wiki-cn:component:dynamic-emails start=--
|from= fajianren@scp.int
|to= shoujianren@scp.int
|cc= chaosong@scp.int
|subject= 邮件主题
]]
在这里输入原文本,即你的邮件的正文。内容怎么写都是可以的,自定义**格式**或者变换##red|颜色##也应该不会出问题。
[[include :scp-wiki-cn:component:dynamic-emails end=--
|name= 发件人姓名
|title= 基金会研究员
|signoff= 控制,收容,保护
|signoff-icon= https://scp-wiki.wikidot.com/local--files/component:dynamic-emails/Default_Profile_Icon.png
]]

看起来好麻烦呀。没事,下面就来详细分析它们的作用。

第2.1步:开端引用块

开端引用块的开头:↦

“发件人”一栏里出现的文本:↦

“收件人”一栏里出现的文本:↦

“抄送”一栏里出现的文本:↦

“主题”一栏里出现的文本:↦

开端引用块的结尾。↦

[[include :scp-wiki-cn:component:dynamic-emails start=--

|from= fajianren@scp.int

|to= shoujianren@scp.int

|cc= chaosong@scp.int

|subject= 邮件主题

]]

你可以往上述字段里输入任何文本,但有一条限制:

  • 不允许在from/to/cc字段里使用CSS编辑文本格式,因为组件会按纯文本格式解析它们,用了CSS的话可能会创造出超链接。

如果需要改变这些字段里文本的颜色的话,请向CSS模块里添加以下代码:

.top-middle-box > .from-name-box, .to-name-box, .cc-text-box{
color: #b01;
}

允许使用任何颜色。如果只想改变单个字段的颜色,那么删去其他“name-box”即可。

注意:若不需要“抄送”字段,只需输入:

|cc=none

这将隐藏邮件的“抄送”部分。

第2.2步:邮件正文

邮件的正文放这里。你可以随意为文本添加特殊格式、超链接,等等。你还可以引用其他div以及其他你想加入的东西!(不能保证能100%生效,但应该能生效的吧!)

该部分应当放在紧跟着初始引用块的]]后面的位置,就像这样:

此处输入原文本。无论你怎么折腾,格式都应当不会出问题,所以大胆写吧!这部分没什么要额外留意的事项,只要确保它在开端和末端引用块中间就行了!

第2.3步:末端引用块

末端引用块的开头:↦

落款中发件人的姓名:↦

落款中发件人的职称:↦

最后一行文字:↦

头像图片的链接:↦

末端引用块的结尾。↦

[[include :scp-wiki:component:dynamic-emails end=--

|name= 发件人姓名

|title= 基金会研究员

|signoff= 控制,收容,保护

|signoff-icon= https://URL.website

]]

你可以往name、title和signoff字段里输入任何文字,允许使用标准排版。

“signoff-icon”里只能输入图片链接,组件会将它自动调整为合适的大小。为简便起见,组件附带了一个默认的用户图标:

https://scp-wiki.wikidot.com/local--files/component:dynamic-emails/Default_Profile_Icon.png

如果你不想看到头像,简单地不往字段里输入任何东西是不行的,因为这样会让组件无法正常显示。你必须输入下面这个透明图像的链接。

https://scp-wiki.wikidot.com/local--files/component:dynamic-emails/transparent.png


妥善完成所有步骤后,你就能看到如下图所示的邮件:

ExampleEmail.PNG

额外步骤:带附件的邮件

本组件还附带了一个变体,能让你使用带图像附件的邮件!要想为邮件添加附件,请跳过“第2.3步:末端引用块”,并使用下面的代码:

[[include :scp-wiki-cn:component:dynamic-emails attachment-end=--
|name= 姓名
|title= 职称
|signoff= 控制,收容,保护
|signoff-icon= https://scp-wiki.wikidot.com/local--files/component:dynamic-emails/Default_Profile_Icon.png
|attachment= https://scp-wiki.wikidot.com/local--files/component:dynamic-emails/Default_Profile_Icon.png
]]

上面用粗体标注了代码的主要差异。你需要注意的部分只有“|attachment=”字段。它支持任何种类的图像链接,效果如下:

EmailAttachmentClosed.PNG

附件部分是一个折叠块,点击后就能展示附件里的图像:

EmailAttachmentOpen.PNG

最后……


本组件应该能兼容所有Sigma、玄武岩和黑色标记笔主题!如果遇到了技术问题,请联系QueeriousQueerious

源代码请点击下方“选项”中的“页面源代码”查看


除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License