这里是所有的实例列表,点击绿色标题可以直达:

一. 文本编辑器
二. 重要使用技巧

  1. 标识关键词
  2. 登录可见
  3. 调整表情大小
  4. 标签卡
  5. 任务清单
  6. 折叠更多内容
  7. 格式嵌套
  8. 分割线

三. 文本

  1. 标题
  2. 设置文字颜色
  3. 空格
  4. 大段空行
  5. 黑幕
  6. 文字幻灯片
  7. 拼音
  8. 列表
  9. 区块
  10. 代码
  11. 特殊格式

四. 图片

  1. 上传图片
  2. 链入图片
  3. 使用已上传的图片
  4. 调整图片显示的大小
  5. 调整图片水平位置

五. 音频

  1. 插入音频
  2. 调整播放器
    • 设置重复播放
    • 调整播放条长短
    • 设置音频内容不可下载
  3. 提供下载音频链接
  4. 例子

六. 特殊符号

  1. HTML字符实体
  2. 普通符号
  3. 数学、化学符号
  4. 注解

七. 表格

  1. 创建表格
  2. 设置单元格内文本格式

八. 视频

  1. 链入MP4视频链接
  2. B站视频
  3. 优酷Youku视频
  4. 腾讯视频
  5. Youtube视频
  6. DailyMotion视频

查看图文教程:
👉🏻 如何添加B站的视频?

九. 链接

  1. 文本链接
  2. 原色卡片链接
  3. 彩虹卡片链接
  4. 供下载的PDF文件链接
  5. 展示的PDF文件
  6. 插入iframe



👇🏻 下面是天路网编辑器:



简单说明:


图标按钮名功能
预览查看预览效果
我的文件查看上传过的文件
上传上传“图片”按钮
嵌入视频更多详情,请点击这里
标题给文本将加上“标题”格式
加粗文本给文本加粗
斜体给文本将加上“斜体”格式
删除线给文本将加上“删除线”格式
引用给文本将加上“删除线”格式
链接[天路网](https://hrjh.org)
无序列表加上“无序列表”格式
有序列表加上“有序列表”格式
字体颜色用hex色码设置颜色[color=#29BB89]绿色文字[/color] 选色工具1选色工具2选色工具3
插入音频替换网址即可插入音频 [iframe="网址"]
字号修改数字即可改变字号大小 [size=20]文字[/size]
提及用户@用户名,用于提及其他用户
Emoji表情插入表情符号

重要使用技巧



1.标识关键字

记得在文章开头或者结尾,#教会招聘 #教会名录#加上关键词,点击时 #教会招聘 可以在站内做该关键词的快速搜索。

像这样:

#教会招聘 #教会名录 #美国教会 #西雅图



2.登录可见

[members]你登录啦~……[/members]
[guests]你还未登录[/guests]

实例(登录前后下面会出现不同的内容):
你登录啦……
你还未登录




3.调整表情大小

 [size=20]大字 + 😃 [/size]

20号的字及表情:

大字 + 😃




4.标签卡

[tabs]
[tab="标签卡1" ]内容1[/tab]
[tab name="标签卡2" active="Yes 标签卡2"]选择先展示 第二个展示牌[/tab]
[tab="标签卡3"]Three[/tab]
[/tabs]

内容1

选择先展示 第二个展示牌

Three



5.任务清单


1.无序清单 :
- [ ] 未完成任务1
  - [ ] 小任务尚为完成
- [x] 已完成任务2


2.带顺序的清单:
1. [ ] 未完成任务
2. [x] 已完成的任务

实际效果:


1.无序清单 :

  • 未完成任务1
    • 小任务尚为完成
  • 已完成任务2

2.带顺序的清单:

  1. 未完成任务
  2. 已完成的任务



6.折叠更多内容


1)展开“更多内容”

[details title="更多内容"]
[关于我们](https://www.hrjh.org/p/5-aboutus)
[加入我们](https://www.hrjh.org/p/3-join_us)
[天路网 2022年感恩年报](https://www.hrjh.org/d/467-2022)
[致新朋友的欢迎信! 🎉🎉](https://www.hrjh.org/d/7)
[/details]

实例:

更多内容

2)折叠/展开 方法一:

[spoiler]
[YeeDao事工介绍](https://yeedao.org/support_yeedao/)
[/spoiler]

展示效果:

展开 隐藏


3)折叠/展开 方法二:

>!  👉🏻 [**聆听 · 灵听 (基督徒音频网)**](https://m.hrjh.org/)
>!  👉🏻 [**众星导航**](https://https://zx.hrjh.org/)
>!  👉🏻 [**天路途景**](https://huarenjiaohui.com/)
>!  👉🏻 [**YeeDao(公号备份网站)**](https://yeedao.org/)
>!  👉🏻 [**YeeDao资源站**](https://b.go4u.me/)
>!  👉🏻 [**天路视频**](https://tv.huarenjiaohui.org/)
>!  👉🏻 [**常用小工具**](https://t.hrjh.org/)

YeeDao事工网站列表:

展开 隐藏


7.格式嵌套


在内容上设置多个格式,层层套用时,注意配对使用,最外到最里的格式设置要配对使用 ~ 💃 🕺

1)居中和大小

[center][size=10]居中 + 😁 [/size][/center]

上面的内容将显示为:

居中 + 😁



2) 四级标题与颜色

#### [color=#29BB89]视频[/color]

上面的内容将显示为:

视频


3)[center][/center]中可以加入多段文字、多个图片,所有在其中的内容都将居中,格式设置要配对使用,如:

[size=20][color=#29BB89]正确✅[/color][/size]
[size=20][color=#29BB89]错误❎[/size][/color]

[size]在最前,则[/size]需要放置在最后。


> [center]
> #### [color=#29BB89]所有要居中的内容[/color]
> 都可以
> 放进去
> 
> 
> _记得_ 
> 
> [image=https://www.hrjh.org/assets/files/2022-06-28/1656425027-865825-camscanner-05-12-2021-1600-5-2360x3576.jpg width=30 unit=% class=cool] [image=https://www.hrjh.org/assets/files/2022-06-28/1656425280-933-camscanner-05-12-2021-1600-6-2668x4092.jpg width=30 unit=% class=cool]
> 
> 所有内容都将居中
> 
> [right]除了设置靠右的内容[/right]
> 空格[space]空格
> > 
> > 
> > 
> [audio mp3=https://www.hrjh.org/assets/files/2023-04-02/1680464538-316662-2fc9ee2d-037c-45ff-85da-eb6e05e2bdaa.mp3  width=50]
> 
> [center]

例子:

所有要居中的内容

都可以
放进去

记得

所有内容都将居中

除了设置靠右的内容

空格 空格

 
 
 



8.分割线

使用下面两种代码可以出现分割线、分割框:

***

实际效果:


~~~

实际效果:

文本


除了文本编辑器里自带的标题格式外,通过调整 # 的数量,可以调整标题的大小。使用下面👇🏻这个预览按钮,马上查看到效果。



1.标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

实际效果:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

查看图文教程:👉🏻 字体的大小,如何更改?


2.设置文字颜色

 [color=red]红色字[/color]
 [color=#29BB89]通过Hex值设置字体颜色[/color]

实际效果:

红色字
通过Hex值设置字体颜色


[size=200][color=red][b]最大的粗体红字![/b][/color][/size]或[size=1]最小size=1[/size]

实际效果:

最大的粗体红字!最小size=1



3.空格

4个“[x][x][x][x]”空格
4个“[sp][sp][sp][sp]”空格
4个“[space][space][space][space]”空格

实际效果:

4个“    ”空格
4个“    ”空格
4个“    ”空格



4.大段空行

在使用过程中,会发现直接使用回车,多个空行在页面上会被省略。要出现大段空行,可以在每行加入任何一种代码,都能达到效果:

1)在每行加入一个空格代码:

👇🏻四段空行
[x]
[sp]
[space]
 
上面👆🏻四段空行

实际效果:
👇🏻四段空行
 
 
 
 
上面👆🏻四段空行


2)使用“两个空格+回车”,每一行都可以实现空行:

下面👇🏻四行,均为 **两个空格+回车**(可以直接复制下面空白,粘贴看效果)
  
  
  
  
上面👆🏻四行,均为 **两个空格+回车**

实际效果:
下面👇🏻四行,均为 两个空格+回车





上面👆🏻四行,均为 两个空格+回车



5.黑幕

以下两种格式都可以达到展示,黑幕后的内容在点击后可以看到。

点击查看   >!黑幕1!<
点击查看 ||黑幕2||

实际效果:

点击查看 黑幕1
点击查看 黑幕2



6.文字幻灯片

一个幻灯片内最多可有5页。

 [slider one=文字幻灯片 1 two=第2页 three=第③页 four=文字幻灯片④ five=最后:第5️⃣页 ]

实际效果:




7.拼音

[ph=Pīnyīn]拼音[/ph]

实际效果:

拼音Pīnyīn




8.列表

下面三种符号,均可达到建立无序列表的效果:

第1种:
* 第一项
* 第二项
* 第三项

第2种:
+ 第一项
+ 第二项
+ 第三项

第3种:
- 第一项
- 第二项
- 第三项

实际效果:

第1种:

  • 第一项
  • 第二项
  • 第三项

第2种:

  • 第一项
  • 第二项
  • 第三项

第3种:

  • 第一项
  • 第二项
  • 第三项


多层列表

* 第一项
    + 菜鸟教程
       - 小节
       - 小节
    + 学的不仅是技术更是梦想
* 第二项

实际效果:

  • 第一项
    • 菜鸟教程
      • 小节
      • 小节
    • 学的不仅是技术更是梦想
  • 第二项


9.区块

Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号:


1)单层区块(可以直接用下图“引用”按钮实现)

> 区块引用
> 菜鸟教程
> 学的不仅是技术更是梦想

👆🏻在页面上展示的实际效果:

区块引用
菜鸟教程
学的不仅是技术更是梦想


2)多层区块

> 最外层
> > 第一层嵌套
> > > 第二层嵌套

实际效果:

最外层

第一层嵌套

第二层嵌套



3)列表中使用区块

> 1. 第一项
> 2. 第二项
>  + 第一项
>  + 第二项
>  + 第三项

实际效果:

  1. 第一项
  2. 第二项
    • 第一项
    • 第二项
    • 第三项


10.代码

在与别人分享如何设置格式时可以这样 ` 代码 `,加在代码前后;或用三个 ` 加在多行代码前后。

```
多行代码
多行代码
多行代码
```

实际效果:

多行代码
多行代码
多行代码

同时,也可以使用此格式,来分享供大家复制粘贴的内容,如密码等(多行代码右上角有 点击复制 功能)




11.各类提示信息

Warning! 这是一条红底红字的警示类信息。


复制👇🏻代码查看效果

[AWARNING]这是一条红底红字的警示类信息。[/AWARNING]

This is an A SUCCESS message.

复制👇🏻代码查看效果

[ASUCCESS]This is an A SUCCESS message.[/ASUCCESS]

This is an A INFO message.

复制👇🏻代码查看效果

[AINFO]This is an A INFO message.[/AINFO]

This is an A BASIC message.

复制👇🏻代码查看效果

[ABASIC]This is an A BASIC message.[/ABASIC]

This is an A CUSTOM message.

复制👇🏻代码查看效果

[ACUSTOM]red,black,green,This is an A CUSTOM message.[/ACUSTOM]
WARNING:

This is a B WARNING message.

复制👇🏻代码查看效果

[BWARNING]This is a B WARNING message.[/BWARNING]
SUCCESS:

This is a B SUCCESS message.

复制👇🏻代码查看效果

[BSUCCESS]This is a B SUCCESS message.[/BSUCCESS]
ERROR:

This is a B ERROR message.

复制👇🏻代码查看效果

[BERROR]This is a B ERROR message.[/BERROR]
THIS IS A CWARNING TITLE: This is a CWARNING message.

复制👇🏻代码查看效果

[CWARNING]darkorange,white,darkorange,THIS IS A CWARNING TITLE,This is a CWARNING message.[/CWARNING]
THIS IS A C NOTICE TITLE: This is a CNOTICE message.

复制👇🏻代码查看效果

[CNOTICE]teal,white,teal,THIS IS A C NOTICE TITLE,This is a CNOTICE message.[/CNOTICE]
THIS IS A C ERROR TITLE: This is a CERROR message.

复制👇🏻代码查看效果

[CERROR]red,white,red,THIS IS A C ERROR TITLE,This is a CERROR message.[/CERROR]
THIS IS A C ERROR TITLE: This is a CSUCCESS message.

复制👇🏻代码查看效果

[CSUCCESS]green,white,green,THIS IS A C ERROR TITLE,This is a CSUCCESS message.[/CSUCCESS]

THIS IS A B CUSTOM TITLE

复制👇🏻代码查看效果

[BCUSTOM]title=THIS IS A B CUSTOM TITLE font=red bg=black border=green[/BCUSTOM]
This is a D NOTICE title:

This is a DNOTICE message.

复制👇🏻代码查看效果

[DNOTICE title="This is a D NOTICE title" font="teal" bg="white" border="teal"]This is a DNOTICE message.[/DNOTICE]
This is a D ERROR title:

This is a DERROR message.

复制👇🏻代码查看效果

[DERROR title="This is a D ERROR title" font="red" bg="white" border="red"]This is a DERROR message.[/DERROR]
This is a DWARNING title:

This is a DWARNING message.

复制👇🏻代码查看效果

[DWARNING title="This is a D WARNING title" font="darkorange" bg="white" border="darkorange"]This is a DWARNING message.[/DWARNING]
This is a D SUCCESS title:

This is a DSUCCESS message.

复制👇🏻代码查看效果

[DSUCCESS title="This is a D SUCCESS title" font="green" bg="white" border="green"]This is a DSUCCESS message.[/DSUCCESS]

图片


1.上传图片

使用文本编辑器中的“上传按钮”(如下图所示):

上传后,图片将自动显示(不会有拉伸效果,最大为屏幕的100%),编辑器中自动插入的代码(图片地址将会不同),可复制下面内容,粘贴到文本编辑器里试一试:

[upl-image-preview url=https://www.hrjh.org/assets/files/2023-04-02/1680472509-418714-emoji.png]

上面👆🏻代码将显示:


特别提醒:上传图片大小请勿超过800K,上传前可先压缩图片,推荐:图片压缩工具



2.链入图片

天路网也支持链入其他网站上的图片【请注意:如果此链接失效,或图片不可访问,则您链入的图片将无法显示】

[upl-image-preview url=https://yeedao.org/wp-content/uploads/2022/08/yeedao_logo.png]

上面👆🏻代码将显示:



3.使用已上传的图片

从文本编辑器中的“我的文件”按钮(如下👇🏻),可以找到过去你上传过的图片。



4.调整图片显示的大小

下面设置中的数字(width=数字,如40,指在阅读页面的屏幕大小的40%)

[image=https://www.hrjh.org/assets/files/2022-05-15/1652607510-806546-1.png width=10 unit=%]
[image=https://www.hrjh.org/assets/files/2022-05-15/1652607510-806546-1.png width=40 unit=%]
[image=https://www.hrjh.org/assets/files/2022-05-15/1652607510-806546-1.png width=100 unit=%]

上面👆🏻代码将显示:

屏幕宽度10%


屏幕宽度40%

屏幕宽度100%


图片可以显示英文标题及描述(尚不支持中文)

[image=https://www.hrjh.org/assets/files/2022-05-15/1652607510-806546-1.png width=40 unit=% class=cool alt=This in image title=The title]

同时,alt值为当图片无法正常显示时,将出现的描述



5.调整图片的水平位置


1)居中

图片默认靠左显示,当如要居中时,可以在图片的前后加入:[center][/center]

[center][image=https://www.hrjh.org/assets/files/2022-05-15/1652607510-806546-1.png width=10 unit=%][/center]

上面👆🏻代码将显示:



2.靠右

靠右时,可以在图片的前后加入:[right][/right]

[right][image=https://www.hrjh.org/assets/files/2022-05-15/1652607510-806546-1.png width=10 unit=%][/right]



3.两张图片并排显示

[center][image=https://www.hrjh.org/assets/files/2022-06-28/1656425027-865825-camscanner-05-12-2021-1600-5-2360x3576.jpg width=30 unit=% class=cool] [image=https://www.hrjh.org/assets/files/2022-06-28/1656425280-933-camscanner-05-12-2021-1600-6-2668x4092.jpg width=30 unit=% class=cool][/center]

上面👆🏻代码将显示:

1.插入音频 🎵



天路网支持播放的音频格式有:mp3,ogg,m4a,wav,flac,webm; 支持上传800K以下的音频。并可以链入其他网址的mp3链接。



在使用过程中,将音频链(如,https://www.hrjh.org/assets/files/2023-04-02/1680464538-316662-2fc9ee2d-037c-45ff-85da-eb6e05e2bdaa.mp3)接放置在“=”号后,并加上音频格式即可

[audio mp3=song.mp3]
[audio ogg=song.ogg]
[audio m4a=song.m4a]
[audio wav=song.wav]
[audio flac=song.flac]
[audio webm=song.webm]


2.调整播放器 🔊



1.设置重复播放

[audio mp3=song.mp3 loop=true]



1)调整播放条长短,“50”是指播放条将为页面(包括电脑、Ipad、手机等)宽度的50%。**

[audio mp3=song.mp3 width=50]



与前后加入居中的代码[center][/center],可以将播放器居中:

[center][audio mp3=song.mp3 width=50][/center]



加入靠右的代码[right][/right],可靠右:

[right][audio mp3=song.mp3 width=50][/right]



2)设置音频内容不可下载

[audio mp3=song.mp3 download=nodownload]




3.提供下载音频链接

[下载音频](https://www.hrjh.org/assets/files/2023-04-02/1680464538-316662-2fc9ee2d-037c-45ff-85da-eb6e05e2bdaa.mp3)

效果:

点击下载音频



4.两个例子:(可直接复制,进行对应的修改即可)

1) 居中放置播放条,选择重复播放mp3音频,播放条宽度为80%的页面宽度,且音频内容不可下载:

[center][audio mp3=https://www.hrjh.org/assets/files/2023-04-02/1680464538-316662-2fc9ee2d-037c-45ff-85da-eb6e05e2bdaa.mp3  loop=true width=80 download=nodownload][/center]

效果:



2)播放m4a音频,及播放条宽度为50%的页面宽度:

[center][audio mp3=https://www.hrjh.org/assets/files/2023-04-02/1680468766-440097-7ada155f-8a44-4f09-b95f-cf897cbb27a4.m4a width=50][/center]

效果:

特殊符号


天路网支持:使用 HTML 字符实体、插入各类字符:


1.使用 HTML 字符实体

显示效果描述实体名称实体编号
空格&nbsp;&#160;
<小于号&lt;&#60;
>大于号&gt;&#62;
&和号&amp;&#38;
"引号&quot;&#34;
'撇号&apos; (IE不支持)&#39;
分(cent)&cent;&#162;
£镑(pound)&pound;&#163;
¥元(yen)&yen;&#165;
欧元(euro)&euro;&#8364;
§小节&sect;&#167;
©版权(copyright)&copy;&#169;
®注册商标&reg;&#174;
商标&trade;&#8482;
×乘号&times;&#215;
÷除号&divide;&#247;

如需完整的实体符号参考,请访问的 HTML 实体符号参考手册



2.普通的符号

在使用过程中大家知道 ** 加在文本上,会给文本加粗,如果想要显示*呢?在 * 前,用一个 反斜杠 ** \ ** 来帮助插入普通的符号:


\*\* 正常显示星号 \*\*

实际效果:

** 正常显示星号 **


同样,在下面这些符号前面加上  反斜杠 \   就可以正常显示出来了:

\   反斜线
`   反引号
*   星号
_   下划线
{}  花括号
[]  方括号
()  小括号
#   井字号
+   加号
-   减号
.   英文句点
!   感叹号


3.数学、化学符号

x^2
x^2^
x^(n - 1)
x^(n^2)
x^(n^(2))
H~2~O
H~(2)O

实际效果:

x2
x2
xn - 1
xn2
xn2
H2O
H2O



4.注解

文字[^1]
……
[^1]注解内容.

实际效果:

文字[1]
……
[1]注解内容.

表格



天路网支持:多种不同的表格格式[1],基本都能达到同样的效果,在此以 GitHub样式 Markdown表格为例介绍。


1.创建表格

1)您可以使用 管道符| ” 和 连字符 - ” 创建表格。连字符用于创建每列的标题,而管道分隔每列。

| 表头1  | 表头2  |
| ------ | ------  |
| 内容格1 | 内容格2  |
| 内容格3 | 内容格4  |

上面👆🏻代码将显示:

表头1表头2
内容格1内容格2
内容格3内容格4


2)表格两端的管道是可省略。
3)单元格的宽度可以变化,并且不需要在列内完全对齐。

 Command | Description 
 - | -
 git status | List all new or modified files 
 git diff | Show file differences that haven't been staged 

上面👆🏻代码将显示:

CommandDescription
git statusList all new or modified files
git diffShow file differences that haven’t been staged



2. 设置单元格内文本格式

可以单元格内设置文本格式,加入链接、图片及对齐等。其中第二行的| :--- | :---: |---:| 中:

| :--- | 为左对齐
| ---: | 为右对齐
| :---: |为居中
注:如需在单元格中加入管道符| ”作为单元格中的内容,请在管道前使用 \


| 左对齐 | 居中 |右对齐|
| :---  | :---: |---:|
| `代码` | **加粗** _斜体_  *斜体* [链接](https://www.hrjh.org/) |456 |
| 123|  [image=https://www.hrjh.org/assets/files/2023-04-02/1680472480-454707-fontsize.png width=40 unit=%]|**管道符** “ **[color=#29BB89]\| [/color]**"|

上面👆🏻代码将显示如下:


左对齐居中右对齐
代码加粗 斜体 斜体 链接456
123管道符| "


[1]另外也支持Pandoc’s管线表格扩展PHP Markdown Extra格式.

视频


天路网支持:直接贴入很多视频网站的网址[1],在此仅以常用的网站为例介绍。

请尽可能使用各网站提供的视频分享链接。


1.链入MP4视频链接

可以试试粘贴下面👇🏻 各个例子中的视频链接

https://www.hrjh.org/assets/files/2023-04-03/1680555361-323670-1c9c316d-f75d-43f6-8a2c-dee9edcc6ceb.mp4

2.B站视频

在B站视频的下方,找到蓝色的分享按钮,点击后获取的链接,粘贴到文本编辑器即可:

https://www.bilibili.com/video/BV1J84y1A7y6/?share_source=copy_web

3.优酷Youku视频

https://v.youku.com/v_show/id_XNTg4Nzk2NDY0MA==.html?spm=a2hja.14919748_WEBHOME_NEW.drawer15.d_zj1_1&s=ffdfc14366284f47845f&scm=20140719.manual.19594.show_ffdfc14366284f47845f

4.腾讯视频

https://v.qq.com/x/cover/mzc00200va12hqi/r3360gbjr2i.html

5.Youtube视频

https://www.youtube.com/watch?v=vEcIbdvdiH0

6.DailyMotion视频

https://www.dailymotion.com/video/xj5ni7


[1] 所有支持直接链入网址的网站,英文视频网站居多。

链接


1.文本链接

[天路网](https://www.hrjh.org/)
<https://www.hrjh.org/>

上面👆🏻代码将显示如下:



2.原色卡片链接

替换其中url(网址信息)、title(标题)及在[featured][/featured]间加入描述。

[featured url=https://yeedao.org title=Yeedao网]至今已有50个公号授权更新。其中有福音机构的公号,如佳音乐道、儿童节不要堕胎;书籍出版、销售的公号,橡果阅读空间;一批颇有影响力的公号,如杨太太的成长日记,拿细耳,暮云的半导体;更有一批年轻的弟兄姐妹,他们用诗歌、画作、属灵陪伴、生命经历来分享耶稣基督的福音,如,惟祢良仁,在毗努伊勒,金克;还有基督徒父母们在教养儿女中的心得和成长的分享,如,喜乐葆蓓亲子乐园,二宝妈妈在北美…… 虽然不能在此一一介绍每个公号,但神的恩典却借由一篇篇文章见证了出来。我们虽未与公号文章的作者谋面,感谢他们的信任,授权将文章放到我们网站。在此也感谢他们参与Yeedao的事工,将中国内地弟兄姐妹的属灵得着分享给全世界的华人朋友。[/featured]

上面👆🏻代码将显示如下:



2.彩虹卡片链接

下面“theme=rainbow”设置了卡片会变换颜色:

[featured url=https://hrjh.org/ title=天路网 theme=rainbow]一个“分享、记录个人属灵成长,推荐、交流优质信仰资源”的网站。至今已有一百多位注册用户,其中有16个天路记者/机构账户在此分享属灵文章、事工消息。[/featured]


上面👆🏻代码将显示如下:




3.供下载的PDF文件链接

通过上传按钮,可以上传800K内的PDF文档。并在页面中出现供下载的PDF文档按钮。

[upl-file uuid=49b18ed6-358e-4b05-b4c5-bd6f1e26c5e4 size=605kB]49b18ed6-358e-4b05-b4c5-bd6f1e26c5e4.pdf[/upl-file]

上面👆🏻代码将显示如下:

49b18ed6-358e-4b05-b4c5-bd6f1e26c5e4.pdf
605kB


4.展示的PDF文件

设置细节:

  1. 通过加入PDF的链接(设置src值,替换下面代码中引号的内容)
  2. 调整展示框的大小(宽 width: 352px;高 height: 525px,均以像素为单位)
  3. 是否出现滚动条(scrolling=)yes 或是 no
  4. 来展示PDF并进行设置。
<iframe src="https://yeedao.org/wp-content/plugins/algori-pdf-viewer/dist/web/viewer.html?file=https://yeedao.org/wp-content/uploads/2022/11/16%E5%AD%A6%E9%81%93%E9%9F%B5%E9%98%B6%E4%B8%89%E5%AD%97%E7%BB%8F%EF%BC%88%E7%AE%80%E4%BD%93%E6%95%B4%E7%90%86%E7%89%88%EF%BC%89-%E5%A4%A9%E5%AD%A6%E8%AF%97.pdf" style="width: 352px;height: 525px;" scrolling="yes" allow="attribute"></iframe>

上面👆🏻代码将显示如下:



5.插入iframe

一些网站在分享音频、视频、图片时,提供iframe代码。请将对应的链接取出,并添加到下面代码的链接位置,再设置。设置细节:

  1. 通过加入PDF的链接(设置src值,替换下面代码中引号的内容)
  2. 调整展示框的大小(宽 width: 352px;高 height: 525px,均以像素为单位)
  3. 是否出现滚动条(scrolling=)yes 或是 no

实例1:

[right]
<iframe src="https://m.hrjh.org/embed/k2yg7rVKKAVDLCh?color=d37127" style="width: 300px;height: 180px;" scrolling="yes" allow="attribute"></iframe>
[/right]

上面👆🏻代码将显示如下:


实例2:

[center]
<iframe src="https://m.hrjh.org/embed/k2yg7rVKKAVDLCh?color=d37127" style="width:80%;height: 130px;" scrolling="yes" allow="attribute"></iframe>
[/center]

上面👆🏻代码将显示如下:


HRJH 超级置顶了此帖
14 天 后
天路 取消超级置顶此帖
2 个月 后

阅读更多

    暂无推荐