Trix est un éditeur WYSIWYG open source des développeurs de Basecamp et a été développé comme un éditeur différent. Voici comment c’est décris le::

La plupart des éditeurs WYSIWYG sont des wrappers autour du contenu éditable du HTML et des API execCommand, développés par Microsoft pour prendre en charge l’édition de pages Web en direct dans Internet Explorer 5.5, et éventuellement rétro-ingénierie et copiée par d’autres navigateurs.

Étant donné que ces API n’ont jamais été entièrement spécifiées ou documentées et que la portée des éditeurs HTML WYSIWYG est énorme, l’implémentation de chaque navigateur a ses propres défauts et particularités, et les développeurs JavaScript doivent corriger les incohérences.
.
Trix évite ces incohérences en traitant contenteditable comme un périphérique d’E / S: lorsque l’entrée entre dans l’éditeur, Trix convertit cette entrée en un processus d’édition dans son modèle de document interne et restitue le document dans l’éditeur. Cela donne à Trix un contrôle complet sur ce qui se passe après chaque frappe et évite d’avoir à utiliser execCommand du tout.

Puisque Trix est CSS et JavaScript, vous pouvez l’intégrer dans Laravel Laravel Trix est un package qui facilite la mise en place.

Tout d’abord, installez le package Composer:

composer require te7a-houdini/laravel-trix

Publiez les actifs:

php artisan vendor:publish --provider="Te7aHoudiniLaravelTrixLaravelTrixServiceProvider"

Ensuite, exécutez les migrations:

php artisan migrate

Une fois le package installé, faites comme si vous aviez un modèle d’élément et souhaitez que l’éditeur Trix crée et mette à jour les formulaires. Tout ce que vous avez à faire est d’utiliser Blade et les instructions qui l’accompagnent:

<html>
    <head>
        @trixassets
    </head>

    <body>
        <form method="POST" action="route('article.store')">
            @csrf
            @trix(AppArticle::class, 'content')
            <input type="submit">
        </form>    
    </body>
</html>

Le package comprend de nombreuses autres fonctionnalités telles que le traitement des fichiers téléchargés, le rendu des modèles existants et la configuration avancée. Vous trouverez plus d’informations sur ce package dans le Page Github et lisez le manuel d’instructions complet.

***.

Ce colis a été envoyé au nôtre Liens d’actualité Laravel Section. Links est un endroit où la communauté peut publier des packages et des tutoriels liés à l’écosystème Laravel. Suivez-nous sur Twitter @LaravelLinks





Source link

Recent Posts