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

    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 © 2019 CMSE Extension Demonstrations. All Rights Reserved.