Trix è un programma redattore “What you see is what you get” (WYSIWYG) ideato a motivo di Basecamp, la villa intorno a raccolto intorno a Chicago ideatrice dell’apprezzatissimo favella intorno a preparazione RubyOnRails. Trix consente intorno a testi formattati nel schema intorno a un’serietà Web moderna: nota intorno a messaggi, commenti, commenti on-the-fly, articoli e cosi attività.
Esistono ecco moltissimi programma redattore WYSIWYG sul a buon mercato, sia commerciali cosa aperto source, perciò come mai unico sviluppatore dovrebbe inciampare un’convenienza a Trix? Sono a lei stessi creatori a darci una sentenza. Trix svolge il identico bersaglio intorno a un programma redattore WYSIWYG, incertezza da un cosa lavora a causa di background .
programma redattore si basano sostanzialmente sull’uso della eleganza contenteditable degli rudimenti HTML e sulla relativa API execCommand, ideata a motivo di Microsoft per giusti motivi il fondamento all’rielaborazione on-the-fly delle pagine Web dalla interpretazione 5.5 intorno a Internet Explorer e progressivamente implementata ancora nei browser dei competitor. Determinato cosa queste interfacce sono giammai state documentate a causa di esauriente e cosa browser ha profitto la sua caratteristica della comodità, ciò sviluppatore Javascript ha dovuto industriarsi da sé per giusti motivi sistemare alcune delle problematiche relative agli errori ed alla compatibilità cross-browser.
Trix utilizza contenteditable come mai un /Output: nel momento in cui un viene profitto ed inserito nell’programma redattore, Trix ciò converte a causa di una progetto intorno a rielaborazione instillandolo nel “” Document Model , dopodiché, trafila il via vai setale, riproduce questo originale all’ dell’programma redattore. razionalità permette a Trix intorno a allenare un dominio assoluto su cose accade ad compressione sulla tastiera a motivo di gruppo dell’fruitore, evitando del tutto l’API execCommand.
Trix supporta tutti i antenati browser sia nella interpretazione Desktop cosa a causa di quella variabile ed è fondato da i nuovi valore intorno a preparazione Web, come mai i Custom Elements, i Mutation Observer e le Promises.
Sulla scritto Git del operazione è realizzabile rintracciare tutte le informazioni necessarie per giusti motivi affiliare ad giovarsi Trix, da intorno a esempi e un’ampia documentazione. L’attrezzatura è puro, informazione cosa segue la classica protocollo HTML a causa di cui dovremo annettere i tag link e script nel nostro tag head:
<head>
<link rel="stylesheet" type="text/css" href="trix.css">
<script type="text/javascript" src="http://www.html.it/trix.js"></script>
</head>
Quindi basterà annettere il tag <trix-editor></trix-editor> nel pagliaccetto e l’engine si occuperà intorno a convertirlo a causa di un programma redattore Trix funzionante.
Evidentemente è realizzabile customizzare l’programma redattore, stilizzandolo, popolandolo intorno a contenuti intorno a default, configurandolo e posizionandolo a causa di contesti differenti, come mai ad norma nei form:
<form …>
< id="x" value="Soggetto dell programma redattore" type="hidden" name="content">
<trix-editor ="x"></trix-editor>
</form>
<form …>
< id="x" type="hidden" name="content">
<trix-editor ="x"></trix-editor>
</form>
Canale Trix