Ronak Ganatra

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.

Shortcode Preview Block

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

Great plugin

Shows preview of any shortcode on editor side. It renders shortcode in the editor side so editor does not need to visit front side.

kontur

This is a plugin directed primarily at type designers, lettering artists, foundries or resellers using WordPress to showcase their fonts without the need for coding knowledge.
The plugin allows you to embed interactive webfont specimens on your site via shortcodes. Users can preview, type with, and switch the webfonts in a preview, as well as use other interface options to manipulate the font sample.
After installing the plugin and creating a Fontsampler, you are able to showcase a set of webfonts by adding a simple [fontsampler id=123] shortcode to any page or post.
More information and clickable examples available <a href="http://fontsampler.johannesneumeier.com" rel="nofollow ugc">on the plugin website</a>.
Features include:
<ul>
<li>Interactive text field where users can type to preview the font</li>
<li>Controls for switching between fonts (if several are added to one Fontsampler)</li>
<li>Slider controls for manipulating font size, letter spacing & line height</li>
<li>Switches for alignment, inverting the text and background color, selecting language for testing locl features</li>
<li>Automatic detection and controls for testing Opentype features</li>
<li>Supports any language script and script direction</li>
<li>Supports woff files (woff2 support will hopefully be added soon, support for eot and ttf has been phased out)</li>
<li>Unlimited Fontsamplers per page</li>
<li>Customizable interface layout</li>
<li>Customizable interface styling</li>
<li>Customizable dropdown with preset texts</li>
</ul>

Fontsampler

This is a plugin directed primarily at type designers, lettering artists, foundries or resellers to showcase webfonts by embedding interactive type te …

Shortcode Preview Block vs Fontsampler