Beta J-515 !
logo tinymce 3

Stfalcon tinymce bundle - partie 3/3

Par Julie, le 23/02/2017

Voila le bundle est installé, il ne reste plus qu'à l'activer avec un peu de JavaScript ! 

Pour cela : 

{% block javascripts %} {{parent()}}
     {{ tinymce_init() }}
{% endblock %}

Ce petit bout de code est à placer dans la vue où vous souhaitez voir apparaître l'éditeur, dans mon cas, la vue d'ajout d'article.

Avec ce code, vous pouvez actualiser votre page et vous verrez enfin l'éditeur mais dans sa version la plus basique, et si vous avez autant de chance que moi, en anglais.

Il va  donc falloir le paramétrer un peu, et rajouter les plugins que vous désirer utiliser, par exemple, pour pouvoir rajouter des liens , des images ... Pour cela la doc est très bien réalisée et vous permettra d'insérer vos plugins rapidement : Lien vers la Doc

Voici le code de mon éditeur : 

{% block javascripts_head %}{{ parent() }}
    <script>
        tinymce.init({
            selector: '.tinymce',
            language_url: '{{ asset('bundles/stfalcontinymce/vendor/tinymce/langs/fr_FR.js') }}',
            plugins: 'link, emoticons, codesample, table image imagetools textcolor fullscreen print',
            toolbar: "emoticons codesample image forecolor backcolor fullscreen print imagetools"
        });
    </script>
{% endblock %}

Une fois vos plugins choisis et mis en place, il vous restera normalement une petit manip à faire. En effet, une alerte à l'intérieur de votre éditeur vous indiquera que vous n'avez pas d'API pour utiliser celui-ci... rien de plus simple, il suffit de suivre les instructions pour obtenir cette dernière et la mettre en place.

J'ai choisi de la déclarer dans mon layout principal, pour l'avoir dans mes autres vues contenant l'éditeur Tinymce.

        <script src="https://cloud.tinymce.com/stable/tinymce.min.js?apiKey=your_api"></script>

Et voila!!!! Vous pouvez maintenant publier des articles personnalisés!

Cet article est paru dans les catégories suivantes: Bundle