Title: Shortcode Preview Block
Author: Ronak Ganatra
Published: <strong>2020 年 7 月 24 日</strong>
Last modified: 2024 年 8 月 1 日

---

搜尋外掛

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://ps.w.org/shortcode-with-preview-block/assets/icon-256x256.png?rev=2379372)

# Shortcode Preview Block

 由 [Ronak Ganatra](https://profiles.wordpress.org/ronakganatra/) 開發

[下載](https://downloads.wordpress.org/plugin/shortcode-with-preview-block.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/shortcode-with-preview-block/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/shortcode-with-preview-block/#reviews)
 * [開發資訊](https://tw.wordpress.org/plugins/shortcode-with-preview-block/#developers)

 [技術支援](https://wordpress.org/support/plugin/shortcode-with-preview-block/)

## 外掛說明

Normal WordPress gutenberg block do not show How the shortcode will output frontside,
so we have created a similar gutenberg block which can preview the shortcode result
on editor side.

## 適用於區塊編輯器

這個外掛提供 1 個可供區塊編輯器使用的區塊。

 *   Shortcode Preview Shows preview of any shortcode on editor side. It renders
   shortcode in the editor side so editor does not need to visit front side to check
   how it will look on frontside.

## 使用者評論

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

### 󠀁[Does not work with any shortcode](https://wordpress.org/support/topic/does-not-work-with-any-shortcode/)󠁿

 [Martin Sauter](https://profiles.wordpress.org/martinsauter/) 2025 年 3 月 28 日

For example, [ninja_form id=1] is not rendered.

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

### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-29313/)󠁿

 [Alexey Tikhonov](https://profiles.wordpress.org/altert/) 2021 年 1 月 14 日

It makes creating layout for complex pages and e.g. shortcodes for images referenced
from DAM much easier!

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

### 󠀁[Useful but not 100% accurate](https://wordpress.org/support/topic/useful-but-not-100-accurate/)󠁿

 [PolyWogg](https://profiles.wordpress.org/polywogg/) 2020 年 8 月 12 日 1 則留言

Tested with NEXTGEN Gallery shortcodes that insert a pic…if I do “float right”, 
it doesn’t wrap text around this block nor does it centre if I float center. It 
shows a good preview that the regular editor doesn’t, but it also means it is embedded
within a block with extra controls on it. P.

 [ 閱讀全部 3 則使用者評論 ](https://wordpress.org/support/plugin/shortcode-with-preview-block/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Shortcode Preview Block〉的開發相關工作。

參與者

 *   [ Ronak Ganatra ](https://profiles.wordpress.org/ronakganatra/)

〈Shortcode Preview Block〉外掛目前已有 2 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/shortcode-with-preview-block/contributors)
為這個外掛做出的貢獻。

[將〈Shortcode Preview Block〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/shortcode-with-preview-block)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/shortcode-with-preview-block/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/shortcode-with-preview-block/)，
或透過 [RSS](https://plugins.trac.wordpress.org/log/shortcode-with-preview-block/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/shortcode-with-preview-block/)。

## 中繼資料

 *  版本 **1.0.0**
 *  最後更新 **2 年前**
 *  啟用安裝數 **1,000+**
 *  WordPress 版本需求 ** 5.1 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.6.7**
 *  PHP 版本需求 ** 7.0 或更新版本 **
 *  語言
 * [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/shortcode-with-preview-block/)、
   [English (US)](https://wordpress.org/plugins/shortcode-with-preview-block/)、
   及 [Gujarati](https://gu.wordpress.org/plugins/shortcode-with-preview-block/).
 *  [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/shortcode-with-preview-block)
 * 標籤:
 * [block](https://tw.wordpress.org/plugins/tags/block/)[blocks](https://tw.wordpress.org/plugins/tags/blocks/)
   [gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)[preview](https://tw.wordpress.org/plugins/tags/preview/)
   [shortcode](https://tw.wordpress.org/plugins/tags/shortcode/)
 *  [進階檢視](https://tw.wordpress.org/plugins/shortcode-with-preview-block/advanced/)

## 評分

 3.7 星，滿分為 5 星

 *  [  1 個 5 星使用者評論     ](https://wordpress.org/support/plugin/shortcode-with-preview-block/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/shortcode-with-preview-block/reviews/?filter=4)
 *  [  2 個 3 星使用者評論     ](https://wordpress.org/support/plugin/shortcode-with-preview-block/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/shortcode-with-preview-block/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/shortcode-with-preview-block/reviews/?filter=1)

[撰寫評分](https://wordpress.org/support/plugin/shortcode-with-preview-block/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/shortcode-with-preview-block/reviews/)

## 參與者

 *   [ Ronak Ganatra ](https://profiles.wordpress.org/ronakganatra/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/shortcode-with-preview-block/)