Shortcake (Shortcode UI) Richtext

2025-08-07 WP免费插件库 5

This plug-in extends on the capabilities of Shortcake (Shortcode UI) by adding rich text editing capabilities to textarea inputs in the Shortcake interface, when the specific textarea constructors contain the shortcake-richtext class name.

It uses TinyMCE.

shortcodes

作者：Mike Crantea

截图：

This screenshot shows a rich text enabled textarea in the Shortcake interface.

额外信息：

版本 1.3

最后更新：7 年前

活跃安装数量 300+

WordPress 版本 4.5 或更高版本

已测试的最高版本为 4.9.26

语言

English (US)

问答：

Installation Instructions

You need the latest version of of [Shortcake (Shortcode UI)] installed and activated.

Upload the plugin files to the /wp-content/plugins/shortcode-ui-richtext directory.
Activate the plugin through the ‘Plugins’ screen in WordPress
Add the meta class option to the textarea input type of an existing shortcake register_for_shortcode call.
Due to the possibility of the user entered content to contain special characters like [, ] and “, it is highly recommended to turn on the encode flag as well.
php 'encode' => true, 'meta' => array( 'class' => 'shortcake-richtext', ),

How does an example rich textarea input element shortcake register code looks like?

This is a default shortcode with a single textarea:

shortcode_ui_register_for_shortcode( ‘shortcode_name’,
array(
‘label’ => esc_html__( ‘Shortcode Name’, ‘namespace’ ),
‘listItemImage’ => ‘dashicons-text’,
‘attrs’ => array(
array(
‘label’ => esc_html__( ‘Text Element’, ‘namespace’ ),
‘attr’ => ‘text_element’,
‘type’ => ‘textarea’,
),
),
)
);
`

This is the same code with the richtext capability added in on the text_element:

Outputting requires decoding, and since Shortcake uses url encoding, the attribute powered by the rich text editor needs to be urldecoded before rendering its contents, like in the following example using the urldecode function:

function shortcode_name( $atts ) {
extract( shortcode_atts(
array(
‘text_element’ => ”,
),
$atts
));
return ‘

‘ . urldecode( $text_element ) . ‘

‘;
}
`

This doesn’t work although I added the class according to the instructions. Am I missing anything?

Before submitting a report on the GitHub Issue tracker, please ensure the issue you are experiencing does not exist with using the latest Shortcake (Shortcode UI) version downloaded from their own GitHub repository.

插件官方网址：https://cn.wordpress.org/plugins/shortcode-ui-richtext/

下载数量：300

缩略图网址：https://ps.w.org/shortcode-ui-richtext/assets/icon-256x256.png?rev=1644193

Shortcake (Shortcode UI) Richtext

猜你喜欢

MC4WP: Mailchimp for WordPress

TruVisibility Plagiarism Checker

EHx Members

Contact Form Builder by RioForms – Drag & Drop WordPress Form Plugin

Edit Recent Edited Posts

Clean Post Content

评论0

社交账号快速登录

社交账号快速登录