Comment ajouter un plugin dans l'éditeur Aloha ?

Question

J'utilise l'éditeur Aloha pour mon site web. Je suis nouveau sur Aloha Edior. Je veux ajouter les plugins Font Size, Font Family & Text Color à mon éditeur. J'ai obtenu les plugins à partir de ce lien : http://blog.strouseconsulting.com/2012/06/aloha-plugins/

Je ne sais pas comment utiliser ces plugins. S'il vous plaît, si quelqu'un connaît l'éditeur Aloha, aidez-moi à utiliser ces plugins.

Merci d'avance.

NOTE : J'ai placé les fichiers du plugin dans le dossier 'plugin' de l'éditeur. Comme ceci :

aloha->plugins->fontsize (nom du dossier)

aloha->plugins->fontfamily (nom du dossier)

aloha->plugins->colorselector (nom du dossier)

Et j'ai aussi écrit le code script de cette façon :

<script type="text/javascript" src="js/aloha/lib/aloha.js" 
data-aloha-plugins="common/ui,common/format,common/highlighteditables,common/link,common/align,common/list,colorselector,fontsize,fontfamily"></script>

J'obtiens l'erreur dans le journal de la console de cette façon :

Erreur involontaire : script erreur- http://requirejs.org/docs/errors.html#scripterror - require.js:1818

Answer 1

Si vous avez ajouté vos plugins dans le dossier commun, alors votre liste de plugins aloha devrait être la suivante :

<script type="text/javascript" src="js/aloha/lib/aloha.js" 
data-aloha-plugins="common/ui,common/format,common/highlighteditables,common/link,common/align,common/list,common/colorselector,common/fontsize,common/fontfamily">
</script>

Ensuite, vous devrez faire quelques boutons dans votre aloha-config.js

Par exemple, voici un exemple :

(function(window, undefined) {
    var Aloha = window.Aloha || (window.Aloha = {});

    Aloha.settings = {
        toolbar: {
            tabs: [
                {
                    label: 'custom',
                    showOn: {
                        scope: 'Aloha.continuoustext'
                    },
                    components: [['increase', 'decrease','fontfamily']]
                },

Consultez Aloha pour un exemple fonctionnel de fichier de configuration, et vous devriez être en mesure d'obtenir l'exemple ci-dessus : http://www.aloha-editor.org/howto-store-data-with-aloha-editor-ajax.php

Une fois que vous avez créé votre aloha-config.js assurez-vous de l'inclure dans votre page.