Pre sale question - Integration with editor

Numeriprimi

Hi, are there any chances to use the app as a media manager into Tinymce or another wysiwig editor?
It could be sufficient add a programmatically link that closes the app and pass the path to the resource as a result.
Thanks in advance,
antonio

Karl

Technically, it would be possible, but I'm not sure about the design implementation. Would you want to be able to add "multiple" images into Tinymce? There is no pre-designed interface in Files gallery for "selecting" an image or multiple images, and "insert" into another app like Tinymce.

How it can be achieved technically:

Open Files gallery in some popup or modal window.
Assign a custom context menu button in Files gallery. See Javascript config.
Simple function for click on the custom context menu, to postMessage() to the Tinymce app window, and simply close itself (window).

Quite straight-forward to achieve, but as noted, there is no pre-designed interface in Files gallery for this.

Numeriprimi

Hi Karl, thank you for your quick response.
We have already arranged the procedures to open your app as a file manager of Tinymce, and it works.
We'll try to add the logic you suggested to complete the functionality.

Thanks,
antonio

Karl

Nice. I guess ultimately you would want CLICK on any file, to insert the file and close the window?

Numeriprimi

It would be useful, but in this case we will no longer be able to select the file and, for example, rename it!
At the moment we have added a link to the dropdown menu which passes the url of the file to Tinymce.
How can we delete an item from the default dropdown menu?

Karl

Numeriprimi How can we delete an item from the default dropdown menu?

We don't actually have separate options for this, but you can easily hide buttons via custom CSS. For example:

[data-action="clipboard"] {
  display: none;
}

Depends on what button you want to hide. Most buttons have some data-action="..." attribute, which can be targeted in CSS to hide the button.

Numeriprimi

It's correct ... I saw this trick and I forgot it ... sorry.
Another question: in Tinymce I can ask for an image or for a generic file to create a link. I'm able to pass to the app the type: is there a property that limit the selection only to images (in case of image type)?

Thanks!

Karl

Numeriprimi is there a property that limit the selection only to images (in case of image type)?

You mean you want to only show image types in Files gallery, and exclude all other file types? The question is not clear.

Numeriprimi

No no, sorry. I would just like to avoid that, if I ask for the url of an image, only the image files have the new menu item which closes the app and passes the value to tinymce.
In other words, you cannot insert the link to a pdf as an image src.
I hope I have explained well.

Karl

Numeriprimi I would just like to avoid that, if I ask for the url of an image, only the image files have the new menu item which closes the app and passes the value to tinymce.

And how are you currently inserting the image from Files gallery? Are you using a custom button in the context menu? If so, you can do something like below, which only adds the button to the context menu if the item is an image.

condition: (item) => item.browser_image,

https://www.files.gallery/docs/javascript-config/

Numeriprimi

Basically we have two sources: insert image (<img src=" ...) or insert link (<a href=" ...).
We add a global variable when Tinymce asks for the app and we check the item.browser_image in the first case and nothing in the second case.
We're going to add the last controls and make some tests. After that we proceed to buy the license!
Thanks a lot for your precious support. Congratulations for your work!