Title: A Shortcode Tester
Author: Magenta Cuda
Published: <strong>2015 年 10 月 21 日</strong>
Last modified: 2020 年 1 月 3 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://s.w.org/plugins/geopattern-icon/shortcode-tester.svg)

# A Shortcode Tester

 作者：[Magenta Cuda](https://profiles.wordpress.org/magenta-cuda/)

[下载](https://downloads.wordpress.org/plugin/shortcode-tester.1.2.2.zip)

 * [详情](https://cn.wordpress.org/plugins/shortcode-tester/#description)
 * [评价](https://cn.wordpress.org/plugins/shortcode-tester/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/shortcode-tester/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/shortcode-tester/#developers)

 [支持](https://wordpress.org/support/plugin/shortcode-tester/)

## 描述

The Shortcode Tester is a post editor tool for WordPress developers that displays
in a popup window the HTML generated by WordPress shortcodes, i.e. so you can quickly
view the generated HTML without having to view the entire post. Please visit [https://github.com/magenta-cuda/shortcode-tester/blob/master/README.md](https://github.com/magenta-cuda/shortcode-tester/blob/master/README.md)
for a very quick introduction.

## 屏幕截图

 * [[
 * The Shortcode Tester

## 安装

 1. Download the plugin from the WordPress repository.
 2. Open the ‘Plugins’ menu item and activate the plugin.
 3. Read the tutorial at [https://github.com/magenta-cuda/shortcode-tester/blob/master/README.md](https://github.com/magenta-cuda/shortcode-tester/blob/master/README.md).

## 常见问题

  “Show Rendered” shows more than the shortcode HTML elements.

“The Shortcode Tester” tries to hide HTML elements that are not part of the shortcode.
It assumes that the current theme uses the standard WordPress framework for emitting
the header, the content, sidebars and the footer ( actions/filters such as ‘the_content’,‘
get_sidebar’, ‘get_footer’, … ). If the current theme deviates from this framework“
The Shortcode Tester” will not be able to properly identify the header, sidebars
and/or the footer.

  “Show Rendered” shows less than the shortcode HTML elements.

In addition to the HTML elements emitted by the PHP code for the shortcode, the 
shortcode may have JavaScript code to dynamically emit additional HTML elements.
The shortcode tester hides non shortcode HTML elements by setting the CSS display
property to none and changing the element id. These changes may affect the execution
of the shortcode’s JavaScript code.

  “Show Rendered” vs “Alt Show Rendered”

“Show Rendered” allows all JavaScript code to execute. Unfortunately, the shortcode
tester hides non shortcode HTML elements and this may cause some JavaScript code
to abort which prevents the execution of the shortcode’s JavaScript code. “Alt Show
Rendered” suppresses the execution of the theme’s JavaScript code and this may allow
the shortcode’s JavaScript code to execute.

  Does “Show Rendered” require that the shortcode have support for Gutenberg blocks?

No. “Show Rendered” does not use Gutenberg blocks. It uses the WordPress server 
to render the shortcode as it would when the page is requested from the browser 
and tries to skip rendering everything but the shortcode. In particular, it will
work with old plugins that do not have support for Gutenberg blocks.

## 评价

![](https://secure.gravatar.com/avatar/8c0ced2ad5a0c50ec3a0903b1d1946b4309a9b5e4ed01ff7f8d40bc710f49e3e?
s=60&d=retro&r=g)

### 󠀁[Very Valuable If You Develop/Learn Shortcodes.](https://wordpress.org/support/topic/very-valuable-if-you-developlearn-shortcodes/)󠁿

 [nick6352683](https://profiles.wordpress.org/nick6352683/) 2016 年 9 月 3 日

This plugin is pure magic ! Saves me time from hunting down the html code that a
shortcode generates. THANK YOU !

 [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/shortcode-tester/reviews/)

## 贡献者及开发者

「A Shortcode Tester」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Magenta Cuda ](https://profiles.wordpress.org/magenta-cuda/)

[帮助将「A Shortcode Tester」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/shortcode-tester)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/shortcode-tester/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/shortcode-tester/)，或通过[RSS](https://plugins.trac.wordpress.org/log/shortcode-tester/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/shortcode-tester/)。

## 更新日志

#### 1.2.2

 * added “Alt Show Rendered” button which prevent the theme’s scripts from running

#### 1.2.1

 * fix problem with non permalink URL’s
 * fix “permalink not found” error after updating to WordPress 5.3
 * fix problem with “Show Rendered” on posts of type ‘post’

#### 1.2

 * add support for Gutenberg

#### 1.1.1.1

 * fix major bug where shortcode evaluation was wrong if it was dependent on is_admin()
   === false

#### 1.1.1

 * disable false warnings from DOMDocument

#### 1.1

 * add prettify option
 * refactor to improve software quality

#### 1.0.1.1

 * Code rewritten to improve software quality

#### 1.0.1

 * Fix namespace problem

#### 1.0

 * Initial release.

## 额外信息

 *  版本 **1.2.2**
 *  最后更新：**6 年前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 3.6 或更高版本 **
 *  已测试的最高版本为 **5.3.21**
 *  语言
 * [English (US)](https://wordpress.org/plugins/shortcode-tester/)
 * 标签
 * [shortcode](https://cn.wordpress.org/plugins/tags/shortcode/)[tester](https://cn.wordpress.org/plugins/tags/tester/)
   [tool](https://cn.wordpress.org/plugins/tags/tool/)
 *  [高级视图](https://cn.wordpress.org/plugins/shortcode-tester/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/shortcode-tester/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/shortcode-tester/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/shortcode-tester/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/shortcode-tester/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/shortcode-tester/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/shortcode-tester/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/shortcode-tester/reviews/)

## 贡献者

 *   [ Magenta Cuda ](https://profiles.wordpress.org/magenta-cuda/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/shortcode-tester/)