查看“︁帮助:编辑器语法大全/语法测试”︁的源代码

== 实时语法测试区 ==

在这里输入 MediaWiki 语法，点击预览查看效果。

<div style="display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;">
<div style="flex: 1; min-width: 300px;">

=== 输入区 ===
<inputbox>
type=create
width=40%
placeholder=例如：'''粗体''' 或 ''斜体''
default=
preload=Template:语法测试模板
editintro=Template:语法测试提示
buttonlabel=创建并测试
</inputbox>

</div>
<div style="flex: 1; min-width: 300px;">

=== 实时预览 ===
<div style="border: 1px solid var(--border-color-base, #c8ccd1); border-radius: 8px; padding: 15px; background-color: var(--background-color-interactive-subtle, #f8f9fa); color: var(--color-base, #202122);">
点击左侧按钮后会创建测试页面，效果如下：
<div style="margin-top: 15px; padding: 10px; background-color: var(--background-color-base, #ffffff); border-radius: 4px; color: var(--color-base, #202122);">
'''示例效果'''
* 这是'''粗体'''
* 这是''斜体''
* 这是[[#|内部链接]]
</div>
</div>

</div>
</div>

=== 常用语法快速插入 ===
下面是一些常用语法，点击可直接复制：

<div style="display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0;">
<span style="background-color: var(--background-color-interactive-subtle, #eaecf0); color: var(--color-base, #202122); padding: 5px 10px; border-radius: 4px; cursor: pointer; border: 1px solid var(--border-color-base, #c8ccd1);" onclick="navigator.clipboard.writeText(''''粗体文本'''')">'''粗体'''</span>
<span style="background-color: var(--background-color-interactive-subtle, #eaecf0); color: var(--color-base, #202122); padding: 5px 10px; border-radius: 4px; cursor: pointer; border: 1px solid var(--border-color-base, #c8ccd1);" onclick="navigator.clipboard.writeText('''''斜体文本''''')">''斜体''</span>
<span style="background-color: var(--background-color-interactive-subtle, #eaecf0); color: var(--color-base, #202122); padding: 5px 10px; border-radius: 4px; cursor: pointer; border: 1px solid var(--border-color-base, #c8ccd1);" onclick="navigator.clipboard.writeText(''''''''粗斜体'''''''')">'''''粗斜体'''''</span>
<span style="background-color: var(--background-color-interactive-subtle, #eaecf0); color: var(--color-base, #202122); padding: 5px 10px; border-radius: 4px; cursor: pointer; border: 1px solid var(--border-color-base, #c8ccd1);" onclick="navigator.clipboard.writeText('[[页面标题]]')">内部链接</span>
<span style="background-color: var(--background-color-interactive-subtle, #eaecf0); color: var(--color-base, #202122); padding: 5px 10px; border-radius: 4px; cursor: pointer; border: 1px solid var(--border-color-base, #c8ccd1);" onclick="navigator.clipboard.writeText('[http://example.com 链接文字]')">外部链接</span>
</div>