Feature No Code Attached Yet
avatar universewrld
universewrld
22 Nov 2024

Is your feature request related to a problem? Please describe.

Since version 5.2, @joomla offers to create custom styles for links in the TinyMCE settings, but there is nothing similar for embedded content.

Describe the solution you'd like

I suggest adding the ability to create your own custom shortcodes in the TinyMCE settings.
I don't see the need to load third-party components with third-party libraries and scripts for such a basic feature.

Additional context

Out of the box shortcodes will be a great solution, replacing all possible third-party components for embedded content.
Websites on Joomla should be as fast as possible, and third-party developers like to add their huge third-party libraries and scripts for such a basic feature, which makes the website load much longer than it should.

Each administrator would be able to create their own set of shortcodes, instead of loading huge libraries of shortcodes from third-party developers on every page of their website.

avatar universewrld universewrld - open - 22 Nov 2024
avatar joomla-cms-bot joomla-cms-bot - change - 22 Nov 2024
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 22 Nov 2024
avatar brianteeman
brianteeman - comment - 22 Nov 2024

That is a massive feature request

avatar Quy Quy - change - 22 Nov 2024
Labels Added: Feature
avatar Quy Quy - labeled - 22 Nov 2024
avatar universewrld
universewrld - comment - 23 Nov 2024

Image

that's what i mean but for shortcodes so that everyone can add their own shortcodes for their website.

avatar brianteeman
brianteeman - comment - 23 Nov 2024

and where (and how) do you create these magical shortcodes

avatar brianteeman
brianteeman - comment - 27 Nov 2024

Are you ever going to reply to my question. As it stands your request can not move forward as it doesnt make any sense.

avatar universewrld
universewrld - comment - 27 Nov 2024

and where (and how) do you create these magical shortcodes

in the TinyMCE settings, just like now, you can create language tags and styles for links.

The TinyMCE editor for editors will have 1 additional button shortcodes, with which you can add a shortcode to an article, just as there is now an additional button for custom language tags.

avatar brianteeman
brianteeman - comment - 27 Nov 2024

and what do these shortcodes do, where do they come from? Please give an example of one of these shortcodes

avatar HLeithner
HLeithner - comment - 27 Nov 2024

I would expect he or she talks about https://www.tiny.cloud/docs/tinymce/latest/keyboard-shortcuts/ which should possible to implement. if the topic is https://www.tiny.cloud/docs/tinymce/latest/shortcuts/ then I think it is much harder

avatar brianteeman
brianteeman - comment - 27 Nov 2024

I would expect he or she talks about https://www.tiny.cloud/docs/tinymce/latest/keyboard-shortcuts/ which should possible to implement.

It's already part of core

if the topic is https://www.tiny.cloud/docs/tinymce/latest/shortcuts/ then I think it is much harder

Not really. I had a PR for this but it was rejected so I made it available as a plugin from my ghithub

[edit] it would be hard to make it customisable by the site owner

But neither of them sound like anything to do with embedded content or

Each administrator would be able to create their own set of shortcodes, instead of loading huge libraries of shortcodes from third-party developers on every page of their website.

avatar HLeithner
HLeithner - comment - 27 Nov 2024

So he means something like "autotext" in word? where for example entering (in german) "mfg" extends to "Mit freundlichen Grüßen"?

avatar brianteeman
brianteeman - comment - 27 Nov 2024

i have no idea - that is what I am waiting to hear. I have my suspicions based on wp but am waiting for @universewrld to respond

avatar Fedik Fedik - change - 27 Nov 2024
Labels Added: Information Required
avatar Fedik Fedik - labeled - 27 Nov 2024
avatar universewrld
universewrld - comment - 29 Nov 2024

keyboard shortcuts

that's not what I mean

and what do these shortcodes do, where do they come from? Please give an example of one of these shortcodes

for the editor in TinyMCE this code will look like:
{youtube|kDE71jxAvfg|/youtube}

on the front this code will be generated as:
<iframe width="560" height="315" src="https://www.youtube.com/embed/kDE71jxAvfg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

in the TinyMCE settings it would look something like this:

Name: YouTube
Value 1: <iframe width="560" height="315" src="https://www.youtube.com/embed/
Value 2: " title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

avatar brianteeman
brianteeman - comment - 29 Nov 2024

Why would you do that when tinymce already supports embedding of youtube videos https://www.youtube.com/watch?v=ul3mcXMX0gA&ab_channel=LearnJoomla4

avatar universewrld
universewrld - comment - 29 Nov 2024

Why would you do that when tinymce already supports embedding of youtube videos https://www.youtube.com/watch?v=ul3mcXMX0gA&ab_channel=LearnJoomla4

YouTube was just one of many examples, in fact, custom shortcodes will be able to support any iframes, any bootstrap elements, any icon tags (font awesome and the like), this immediately solves all the issues with embedding any content in articles, as well as the ability to change the code of any services in one click (in the past, websites switched from http to https, and instead of twitter.com, the x.com domain is now used).

avatar HLeithner
HLeithner - comment - 29 Nov 2024

ok, so you want an interface to create an interface for macros. If someone like to creates such a tinymce plugin we could add it but it's in your scope to find someone who likes to develop someone if no body picks this up.

avatar brianteeman
brianteeman - comment - 29 Nov 2024

Youtube was just one example of the built in embedding features already present in tinymce

Your http/https example would NOT be solved.

Your shortcodes (unlike existing content plugins) will only run inside tinymce and the code they generate would be saved in the content item. Going back into the tinymce plugin settings and changing the values of your shortcode would NOT change any existing content.

avatar universewrld
universewrld - comment - 29 Nov 2024

Youtube was just one example of the built in embedding features already present in tinymce

Your http/https example would NOT be solved.

Your shortcodes (unlike existing content plugins) will only run inside tinymce and the code they generate would be saved in the content item. Going back into the tinymce plugin settings and changing the values of your shortcode would NOT change any existing content.

This is not for existing content, this is for any content from the moment editors start using this feature and for changing the code in shortcodes in the future.

avatar brianteeman
brianteeman - comment - 29 Nov 2024

Tinymce does not work like that so what you are asking for is impossible

avatar universewrld
universewrld - comment - 29 Nov 2024

Tinymce does not work like that so what you are asking for is impossible

it could be just a request for custom shortcodes outside of TimyMCE

avatar brianteeman
brianteeman - comment - 29 Nov 2024

Then it would be no different to the very many extensions that already do this.

avatar Fedik Fedik - change - 30 Nov 2024
Labels Removed: Information Required
avatar Fedik Fedik - unlabeled - 30 Nov 2024
avatar universewrld
universewrld - comment - 1 Dec 2024

Then it would be no different to the very many extensions that already do this.

The problem with third party extensions is that they offer a huge set of pre-installed shortcodes and load a large library which causes website pages to take longer to load, which is why I created a feature request so that there would be a feature that would allow you to add your own shortcodes for each specific website, not using third party extensions.

avatar brianteeman
brianteeman - comment - 1 Dec 2024

I am not aware of any extension like that

avatar ManuelVoileux
ManuelVoileux - comment - 2 Dec 2024

Dear all, what @universewrld is asking for already exists. It is an extension called UP! I use it everyday to tune the voileux.org website, and the joom.voileux.org website.

With a simple shortcode in the editor tab you can call one of the 142 actions available with UP! You can display images, display videos, change the look and feel of any page, add css in the head, convert a CSV file into a table. A miracle for non coding webmasters. Up! is compatible with Joomla 5 without the compat plugin.

{up image-gallery=folder} directly in the article will show an image gallery, with paramaters you can tune the look&feel.
{up flexauto=2 | tablet=2| mobile=1 | class=fg-gap} will distribute blocks evenly according to your choice

Have a look at [https://up.lomart.fr/] Lomart is well known in the Joomla French community.
Up! is given for free

avatar universewrld
universewrld - comment - 3 Dec 2024

With a simple shortcode in the editor tab you can call one of the 142 actions available with UP! You can display images, display videos, change the look and feel of any page, add css in the head, convert a CSV file into a table.

that's what i meant - i don't want to depend on 3rd party developers and i want to be able to add my own shortcodes.

i had a really bad experience when i migrated my website from Joomla 1.5 to 2.5 and then from 2.5 to 3.4 and then from 3.9 to 5.2, many 3rd party extensions that i used on my website stopped being supported at one point and i had to look for a replacement every time i migrated Joomla to a new major version.

i'm really tired of many developers stopping supporting their extensions and i have to look for an alternative extension every time.

avatar ManuelVoileux
ManuelVoileux - comment - 11 Feb 2025

Hello everyone,
I come back on this question as Lomart is keeping upgrading UP! with new actions. There are more than 150 actions up to now, and Lomart has renewed his website, which is help-doc site for each action.

The last released action is jcontent-image.
The shortcode {up jcontent-image= images/folder/image1.jpg | intro-size=200px}
will take the image1.jpg, resize a thumb so that it fits in a square 200px size, and set it as the intro image and the full text image. No more need to go to the image and links tab ! No more need to resize an image !

You can also let the shortcode just work with no parameters, it will take the first image in the article, and set a thumb as an intro image.

Have a look at https://up.lomart.fr, web site in many languages

avatar fgsw
fgsw - comment - 11 Feb 2025

Spam.

avatar ManuelVoileux
ManuelVoileux - comment - 11 Feb 2025

I thank you for your interest. No it is not spam. It is an answer to the question at the beginning of this thread. And it works with J5, and without the compat plugin.
Actually , I am not a coder nor a developper, just an amateur, maintaining the small website of a sailing club. I do not like overrides that I cannot maintain when there are system updates. With these shortcodes I can tune the pages of the site.
Thanks for keeping Joomla moving.
Manuel

avatar chmst chmst - change - 11 Feb 2025
Status New Closed
Closed_Date 0000-00-00 00:00:00 2025-02-11 18:32:46
Closed_By chmst
avatar chmst chmst - close - 11 Feb 2025
avatar chmst
chmst - comment - 11 Feb 2025

As there is an extension which meets the required needs, I can close here.

Add a Comment

Login with GitHub to post a comment