Mon application Web a une fonctionnalité pour télécharger des images, avec des informations supplémentaires, comme le titre de l'image, la description, les balises, les informations de copyright, etc. J'utilise TinyMCE pour éditer des pages Web, mais je ne veux pas autoriser le téléchargement d'images dans l'éditeur. Je veux seulement permettre à l'utilisateur de choisir parmi les images déjà téléchargées sur le serveur.

Serait-il relativement facile de modifier la fonctionnalité "Insérer une image" dans TinyMCE comme suit :

  1. Lorsque le bouton "Insérer une image" est enfoncé, une boîte de dialogue personnalisée apparaît.
  2. Le contenu de cette boîte de dialogue est une vue en grille des images sur le serveur. Aucune fonctionnalité de téléchargement ne devrait exister ici.
  3. Une image est sélectionnée via un bouton radio.
  4. Lorsque le bouton "Insérer l'image sélectionnée" dans la boîte de dialogue est enfoncé, au lieu de simplement la balise <img>, du HTML généré est inséré au niveau du curseur de l'éditeur.

J'ai parcouru la documentation TinyMCE, et je connais le file_picker_callback. Est-ce que je l'utiliserais et écrirais ma propre fonction javascript pour ouvrir ma propre boîte de dialogue ? Comment contrôler ce qui est inséré dans le document ?

-1
Stian 6 févr. 2020 à 01:51

1 réponse

Meilleure réponse

TinyMCE a des API pour créer vos propres boutons de barre d'outils qui ouvrent des boîtes de dialogue pour effectuer la tâche dont vous avez besoin.

Une approche consiste à utiliser l'interface utilisateur TinyMCE : https://www.tiny.cloud/ docs/ui-components/dialog/

L'autre approche consiste à utiliser une boîte de dialogue URL qui intègre une page Web distante que vous créez. https://www.tiny.cloud/docs/ui-components/urldialog/< /a>

Dans les deux cas, vous utiliseriez les API TinyMCE (par exemple insertContent()) pour placer le code HTML résultant dans l'éditeur.

1
Michael Fromin 6 févr. 2020 à 03:46