Shortcode Editor Extension Button

Button Position

Editor shortcode button position for TinyMCE

cmse-shortcodes-edito-xtd-button-tinymce.jpg

 

Editor shortcode button position for JCE Editor

cmse-shortcodes-edito-xtd-button.jpg

JCE Editor is a popular third-party editor for Joomla and TinyMCE is the default editor for Joomla. Other third party editors may display the XTD buttons in different positions.

Insert Containers

Containers are HTML <div> elements represented as visual shortcodes in the text editor. The Preset Containers will output commonly used 2 column content elements with visible style classes which can be edited as desired. The width is percentage increment by 10% and must equate to 100% when combined.

cmse shortcodes editor xtd insert preset container

Shortcode output

cmse shortcodes editor xtd insert preset container result

Frontent output

cmse-shortcode-container-preset-insert-output.jpg


Custom Class

Any class can be inserted, including BoostStrap classes.

cmse-shortcodes-container-insert-custom-class.jpg

Select from installed classes or enter your own and press space bar, up or down arrow or tab key to insert.


 

Insert CMSE Custom Field Object

When the CMSE Fields are used in an article, each object can easily be inserted into the article with a shortcode representing the object. These object may already be set in the menu options for article layout, however each position can be overridden with the shortcode insert.

cmse-shortcodes-element-insert-cmsefield-object.jpg


 

Insert custom style coding in an element

cmse-shortcodes-element-insert-custon-style-coding.jpg


 

Contact Form

Insert a general contact form with just an email address

cmse-shortcodes-element-insert-contactform.jpg

The shortcode method

cmse-shortcodes-element-insert-contactform-code.jpg

 

Frontend result

cmse-shortcodes-element-insert-contactform-front.jpg


Insert Joomla Custom Fields

This method is similar to the Joomla packaged Field insert editor button. It just adds a parameter to output the fields in a tabular format if label is checked and output the shortcode as a single block

cmse-shortcodes-element-insert-joomla-custom-field-values.jpg

Shortcode format

cmse-shortcodes-element-insert-joomla-custom-field-code.jpg

 

Drag the inserted options to reorder


Related Article Insert

Insert Joomla article link, K2 item link or Mosets Tree listing link

Unlike the Joomla package article link button, this will include the intro image and title.

cmse-shortcodes-insert-related-joomla-article.jpg

Inserted output

cmse-shortcodes-insert-related-joomla-article-output.jpg

 

Frontend output

cmse-shortcodes-insert-related-joomla-article-frontend-output.jpg


 

Insert full article in custom module or any other extension which supports text area content.

This method will output an article in any extension. The default behavior is to display the entire article. There is a parameter to limit by characters and display a custom labeled readmore button. Great for placing aside articles with relativity within custom modules.

cmse shortcodes insert fullarticle

Frontend output

cmse-shortcodes-insert-fullarticle-frontend-output.jpg


Gallery Plug

Insert Simple Image Gallery Pro

This just provides an alternative method to insert SIGPro gallery with all the parameters.

cmse-shortcodes-simple-image-gallery-insert.jpg

 

Inserted shortcode

cmse-shortcodes-simple-image-gallery-insert-code.jpg

Slides, Tabs, Misc

Insert Accordion Slides

cmse-shortcodes-slide-accordion-method.jpg

 

Code

cmse-shortcodes-slide-accordion-code.jpg

 

Frontend output


Insert Tabs

The default insertion is just a tab title. When a new tab group is being created, the option Yes must be checked.

cmse-shortcodes-tabs-new-set.jpg

 

Code output

cmse-shortcodes-tabs-code.jpg

 

Frontend output

cmse-shortcodes-tabs-frontend.jpg


 

Block some content in text for members only

Entire article or just parts of an article can easily be blocked to allow viewing by registered users only.

cmse-shortcodes-member-content-block.jpg

 

Code output

cmse-shortcodes-member-content-block-code.jpg

 

Frontend output

cmse-shortcodes-member-content-block-frontend.jpg

Social Feed

Insert Social Media Feeds, Iframe, Single Video

This set all output as iframes so it is limited to super administrators only to avoid malware site inclusions.

cmse-shortcodes-social-feed-insert.jpg

The author of the article is always the author of the article, and when the author of the article writes the article, he will be the author of the article. Aliquam erat volutpat. Pellentesque eu quam nec quam vestibulum sodales. Curabitur suscipit metus sed lacus rhoncus ut aliquam urna tincidunt. Aliquam pellentesque convallis purus sed vulputate. Fusce lobortis, enim sed lobortis convallis, sapien nisl accumsan nisi, sit amet lacinia massa dolor non nisl.http://facebook.com

about walter

Demonstration of the content blocking shortcode to restrict parts of page content to registered users only.

Please login to view this blocked content

 

he is in the shit now

 

the world is green

sometimes its like that

green

it can always be dat

PayPal Cart Shortcode

  • The Big Coop

    Some coops are just bigger and better

    Price: $500

facebook page shortcode

The page is being displayed in a custom module. Done with shortcode [ facebook page="https://www.facebook.com/websitedonshosting/" ]

twitter shortcode page

The page is being displayed in a custom module. Easily done with shortcode [ twitter page="https://twitter.com/websitedons" ]

Article Insert With Shortcode

Content from a Joomla article is displayed in a custom module. Easily done with shortcode [ article="78" 50|read this]

The Senate Intelligence committee investigating ...
read this

Countdown Shortcode

The flexible countdown shortcode used in a custom module.

Mosets Tree

Copyright © 2020 CMSE Extension Demonstrations. All Rights Reserved.