JCE Pro 2.8.16 released

UPDATE: JCE Pro 2.8.17 has been released to set the default state of the Protect Shortcode feature to off.

This update fixes some issues reported since the last update, and adds a few new features.

JCE Pro 2.8 includes a number of great new features and enhancements and is available for download or to update via the Joomla Updater.

Shortcode Protection

Many Joomla users rely on shortcode to include modules, fields and content from numerous extensions - from Joomla Modules to RegularLabs Conditional Content to JoomlaWorks AllVideos - in their articles. This is usually done by including some text -  representing the feature you are including alongside some other values as variables for that feature - wrapped in curly brackets, eg: loadposition news

Until now, JCE has always treated that content as just text, which usually means wrapping it in paragraph tags, like this <p>loadposition news</p> which can have unintended consequances when the content is rendered in the front-end article, sometimes resulting in invalid HTML.

JCE will now protect this content by default when it is added to the editor, preventing it from being processed in any way. Shortcode can be pasted as text into the editor, or if the Markdown features is enabled, by typing it into the editor and pressing the Enter key.

If you still require shortcode to be wrapped in a block element, you can use the DIV Container option from the Format list to wrap the shortcode in a <div> tag.

The Protect Shortcode option is disabled by default and can be enabled in Editor Profiles -> Editor Parameters -> Advanced.

Ordered List Options

When editing an existing ordered (numbered) lists, you can now access additional options for the list - to set the Start value or the Reversed state for the list - by clicking on the Ordered List button in the editor toolbar.

The Start option - which changes the starting value of the ordered list - is particularly useful for creating a complex list, by breaking it up into a number of smaller lists which each start where the previous list ended. See the video below for an example.

Column Gaps

Thanks to the new CSS gap property, it is now possible to set the Gap Size between Columns. This is the spacing between each individual column, either on the left and right or top and bottom depending on the orientation. The default value is Medium, which equates to 1rem (the base font size for the whole site).The Gap Size can be set when creating new Columns, or added to existing columns, using the Create Columns dialog.

As Yootheme UIKit and Bootstrap do not yet have css rules defined for the gap property for their flexbox implementations, these have been added by JCE using custom css rules:

UIKit

[data-wf-columns].uk-flex {
	gap: 0.5rem;
}

[data-wf-columns].uk-flex-gap-small {
	gap: 0.5rem;
}

[data-wf-columns].uk-flex-gap-medium {
	gap: 1rem;
}

[data-wf-columns].uk-flex-gap-large {
	gap: 2rem;
}

[data-wf-columns].uk-flex-gap-none {
	gap: 0;
}

Bootstrap

[data-wf-columns].row {
	gap: 0.5rem;
	margin: 0;
}

[data-wf-columns].row > [class*="col"] {
	padding: 0;
}

[data-wf-columns].flex-sm-gap {
	gap: 0.5rem;
}

[data-wf-columns].flex-md-gap {
	gap: 1rem;
}

[data-wf-columns].flex-lg-gap {
	gap: 2rem;
}

[data-wf-columns].flex-gap-none {
	gap: 0;
}

RDFa Support

For those of you who prefer to use RDFa instead of Microdata for adding metadata to your content, support for the RDFa attributes about, rel, rev, resource, property, datatype, typeof and content have been added to the editor when the Microdata features are enabled, ie: the button is in the editor toolbar.

JCE Pro 2.8 includes a number of great new features and enhancements and is available for download or to update via the Joomla Updater.