Evidenziazione della sintassi per le aree di testo lato amministratore (durante la modifica di nodi o blocchi) [chiuso]

8

Sto cercando di trovare un modulo che evidenzierà HTML (e preferibilmente CSS / JavaScript all'interno dei tag style / script, ma questo è un ulteriore vantaggio) quando sto modificando un nodo o un blocco nel lato amministrativo di Drupal.

Mentre ho cercato su drupal.org moduli di evidenziazione della sintassi e ho trovato opzioni come GeSHi e Syntax Highlighter , entrambi sembrano essere per il contenuto finale rivolto al pubblico e non per quello amministrativo. Sbaglio e uno sarebbe adatto a me? Ho anche visto alcuni progetti che evidenziano blocchi di codice PHP, ma per me è meno importante di HTML / CSS / JavaScript.

Non uso mai un editor WYSIWYG per il mio codice HTML, ma alcune evidenziazioni sarebbero molto utili per modificare i miei contenuti.

input-formats 
— phette23
fonte
— Bala
La domanda di @Bala riguarda l'evidenziazione della sintassi nell'editor . I formati di testo (filtri) sono per la visualizzazione . Non riesco a vedere nulla di rilevante nell'articolo che hai collegato
— Mołot,
1
@ Mołot farà questo allenamento drupal.org/project/ace_editor per te, ma sembra completamente per l'editor di codici
— Bala
@Bala come indicato sotto la tua risposta, non sono riuscito a far funzionare l'asso: la barra è stata visualizzata bene, nessun errore nella console js o nel watchdog, ma semplicemente non ha evidenziato nulla. Testato su entrambe le versioni dev e 2012 con lo stesso risultato (mancanza di). Se puoi mostrare come configurarlo passo dopo passo, sarebbe perfettamente OK :)
— Mołot
@ Mołot scusa ho appena notato quel commento.
— Bala,

Risposte:

4

Uso il modulo BUEditor , per il quale è possibile aggiungere l'evidenziazione della sintassi con qualche configurazione aggiuntiva . È possibile specificare di consentire l'accesso degli amministratori a questa interfaccia solo tramite la pagina delle opzioni del modulo.

Istruzioni dettagliate

  1. Installa il modulo BUEditor (ho usato 1.6).
  2. Scarica bue.highlight.min.css e bue.highlight.min.js da questa pagina . Ho inserito questi file in una bueditordirectory all'interno della directory per il mio tema personalizzato.
  3. Vai alla pagina di configurazione BUEditor: /admin/config/content/bueditor. Modifica le impostazioni per le versioni pertinenti di BUEditor (probabilmente predefinito, ma dipende da quale assegnazione a ciascun ruolo: se lo desideri, puoi configurare diverse opzioni BUEditor per ruolo, ma dovrai impostare la sintassi evidenziando per ciascuno.)
  4. Nella schermata delle impostazioni dell'Editor, fai clic sulla scheda Percorsi dell'editor, quindi aggiungi i seguenti file di libreria specifici dell'editor (Il mio esempio presuppone che tu abbia inserito JS nella directory dei temi. ):

    % THEME / bueditor / bue.highlight.min.css
    % THEME / bueditor / bue.highlight.min.js esempio di percorsi dell'editor

  5. Quindi, scorri verso il basso fino alla fine di quella pagina (sotto Pulsanti ) e aggiungi tpl:syntaxinsieme a questo codice:

js: BUE.postprocess._turnOnHlight = function (E, $) {setTimeout (function () {E.highlight ('html')}); };

esempio di sintassi

Quindi salva la configurazione e dovresti essere a posto.

— Patrick Kenny
fonte
Grazie, ma è un brutto schifo. L'ho usato su alcuni siti prima, ma non lo uso più. Dose non supporta l'hilighting nidificato. Ad esempio, se scrivi su HTML e poi apri un tag PHP, non otterrai un hilighting per il tuo codice php. Hai trovato qualcosa di meglio?
— ANDiTKO,
Scusa, so che non è perfetto, ma è l'unica soluzione di cui sono a conoscenza.
— Patrick Kenny,
Ciao. Impossibile farlo funzionare. Non è obsoleto? E potresti fornire istruzioni incentrate su Drupal? Vedi la descrizione della taglia: non riesci a capirlo, quindi se lo stai usando, potresti aggiornare / espandere?
— Mołot,
@ Mołot No, non è obsoleto. Ha funzionato sul mio sito per 1,5 anni senza modifiche e ho installato la versione corrente. È difficile da configurare, quindi ho aggiunto istruzioni dettagliate.
— Patrick Kenny,
Inoltre, per qualche motivo il formattatore Markdown ha continuato a incasinare la mia formattazione, quindi non è molto carino. Spiacenti, non sono in grado di formattarlo in modo più pulito.
— Patrick Kenny,
4

Il modulo CodeMagic di Wysiwyg ha l'opzione, vedere la demo

CodeMagic è un plug-in di editor di codice sorgente avanzato per Tinymce . Integra la libreria CodeMirror per la colorazione della sintassi e la libreria JSBeautifier per la formulazione e il rientro del codice.

Come ho già detto, Ace Code Editor , puoi provare questa patch con la combinazione dell'editor wysiwyg. Puoi trovare la patch qui

— Bala
fonte
1
Accidenti a te, ora sembra che avrò bisogno di impostare le taglie secondo per essere onesti;) Soprattutto se entrambe le risposte funzioneranno. Ho bisogno di testarli.
— Mołot,
@ Mołot Sentiti libero di assegnare la generosità a questa risposta (o qualsiasi risposta futura) se l'evidenziazione della sintassi funziona bene. L'evidenziazione della sintassi di BUEditor funziona ma a seconda del browser può diventare un po 'brutta; è una soluzione funzionante, ma dubito che sia la soluzione migliore.
— Patrick Kenny,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.