JCE Pro 2.9.23 released

This update fixes a number of bugs and issues reported or discovered since the last update and adds a few new features to the Template Manager and Styles list.

---

Template Manager Improvements

The Template Manager plugin, used to create and insert snippets of predefined HTML content, includes two improvements to how it handles dynamic variables in this content. A variable in content is a bit of code that it replaced with a predefined associated value when the content is inserted. A variable can be set in the content using the form: {$key}, where key is any word or phrase. So in the following code, the {$name} variable will be replaced with a predefined Value associated with the Key name:

<h3>{$name}</h3>
<p>Some text</p>

This Key and Value can be set in the Template Manager parameters, in the Replacement Values parameter option. This parameter has been updated to use a repeatable Name / Value parameter, making it easier to set the required values.

In addition to the paramer update, the inclusion of any variables in inserted content that are not predefined in the Replacement Values parameter, will display a Values dialog box for the user to enter in a value for each variable. This allows for the inserted content to be treated more dynamically, with the user able to specifiy any number of different variable values, such as names, urls, id values, titles etc. In the example below, a snippet of iframe HTML copied from Youtube, with the Youtube video id in the URL and title attribute value replace with the variables {$Video ID} and {$Video Title}, can be used to insert any Youtube video.

<iframe width="560" height="315" src="https://www.youtube.com/embed/{$Video ID}" title="{$Video Title}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

When the content is inserted, the dialog prompt is shown, and the content inserted with the processed values:

Of course this content can be any HTML using any number of variables, and as the variable names are used for the labels for each field, the variable names can be real words or phrase, eg: {$Video Title}. Values supplied by the user can only be text content however, not additional HTML.

Styles List Updates

Improvements have been made to the Styles list to make it easier to apply or remove multiple styles on an element in one action by clicking on each style item in turn. This includes Custom Styles that apply block level formatting such as headings.

It is also now possible to apply styles to multiple selected elements, such as a selection of paragraphs.