Penyorotan sintaksis untuk area teks sisi admin (selama penyuntingan simpul atau blok) [ditutup]

Saya mencoba menemukan modul yang akan menyorot HTML (dan lebih disukai CSS / JavaScript di dalam tag gaya / skrip, tapi itu bonus tambahan) ketika saya mengedit node atau blok di sisi administrasi Drupal.

Walaupun saya telah mencari di drupal.org untuk modul penyorotan sintaks dan menemukan opsi-opsi seperti GeSHi dan Syntax Highlighter , keduanya tampaknya untuk konten akhir yang menghadap publik dan bukan sisi administrasi. Apakah saya salah dan akankah seseorang cocok untuk saya? Saya juga melihat beberapa proyek yang menyoroti blok kode PHP, tapi itu kurang penting bagi saya daripada HTML / CSS / JavaScript.

Saya tidak pernah menggunakan editor WYSIWYG untuk HTML saya sendiri tetapi beberapa penyorotan akan sangat membantu dalam mengedit konten saya.

input-formats

— phette23
sumber

@Molot memeriksa ini drupalmotion.com/article/syntax-highlighting-drupal

— Bala

Pertanyaan @Bala adalah tentang highlight sintaks di editor . Format Teks (Filter) untuk ditampilkan . Tidak dapat melihat apa pun yang relevan dalam artikel yang Anda

— tautkan

@ Mołot akan menjalankan drupal.org/project/ace_editor ini untuk Anda, tetapi sepertinya sepenuhnya untuk editor kode

— Bala

@Bala seperti yang tercantum di bawah jawaban Anda, saya tidak bisa mendapatkan kartu as untuk bekerja - itu bilah ditampilkan baik-baik saja, tidak ada kesalahan di konsol js atau di pengawas, tapi itu tidak menyoroti apa pun. Diuji pada rilis dev dan 2012 dengan hasil yang sama (kurang). Jika Anda dapat menunjukkan cara mengkonfigurasinya langkah demi langkah, semuanya akan baik-baik saja :)

— Mołot

@ Mołot maaf saya hanya memperhatikan komentar itu.

— Bala

Jawaban:

Saya menggunakan modul BUEditor , di mana Anda dapat menambahkan highlight sintaks dengan beberapa konfigurasi tambahan . Anda dapat menentukan untuk hanya mengizinkan administrator akses ke antarmuka ini melalui halaman opsi modul.

Petunjuk langkah demi langkah

Instal modul BUEditor (saya menggunakan 1.6).
Unduh bue.highlight.min.css dan bue.highlight.min.js dari halaman ini . Saya menempatkan file-file ini di bueditordirektori di dalam direktori untuk tema khusus saya.
Pergi ke halaman config BUEditor: /admin/config/content/bueditor. Edit pengaturan untuk versi yang relevan dari BUEditor (mungkin default, tetapi tergantung pada yang Anda tetapkan untuk setiap peran - jika Anda mau, Anda dapat mengonfigurasi BUEditor berbagai opsi per peran, tetapi kemudian Anda perlu mengatur sintaksis menyoroti untuk masing-masing.)
Pada layar pengaturan Editor, klik tab jalur Editor dan kemudian tambahkan file perpustakaan khusus Editor berikut ( Contoh saya mengasumsikan bahwa Anda meletakkan JS di direktori tema Anda. ):

% THEME / bueditor / bue.highlight.min.css
% THEME / bueditor / bue.highlight.min.js
Kemudian, gulir ke bawah ke bagian bawah halaman itu (di bawah Tombol ) dan tambahkan tpl:syntaxbersama dengan kode ini:

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

contoh sintaks

Kemudian simpan konfigurasi dan Anda harus pergi dengan baik.

— Patrick Kenny
sumber

Terima kasih tapi itu cukup buruk. Saya menggunakannya di beberapa situs sebelumnya tetapi saya tidak menggunakannya lagi. Itu dosis tidak mendukung hilighting bersarang. Sebagai contoh jika Anda menulis di HTML dan kemudian membuka tag PHP Anda tidak akan mendapatkan kode php Anda. Sudahkah Anda menemukan sesuatu yang lebih baik?

— ANDiTKO

Maaf, saya tahu itu tidak sempurna, tapi itu satu-satunya solusi yang saya sadari.

— Patrick Kenny

Halo. Tidak bisa membuatnya bekerja. Bukankah itu sudah ketinggalan zaman? Dan bisakah Anda memberikan instruksi Drupal-sentris? Lihat deskripsi hadiah - tidak dapat menemukannya, jadi jika Anda menggunakannya, dapatkah Anda memperbarui / memperluas?

— Mołot

@ Mołot Tidak, ini tidak ketinggalan zaman. Ini berfungsi di situs saya selama 1,5 tahun tanpa perubahan, dan saya telah menginstal versi saat ini. Sangat sulit untuk mengkonfigurasi, jadi saya menambahkan petunjuk langkah-demi-langkah.

— Patrick Kenny

Juga, untuk beberapa alasan formatdown Markdown terus mengacaukan format saya, jadi itu tidak terlalu cantik. Maaf, saya tidak dapat memformatnya dengan lebih bersih.

— Patrick Kenny

Modul Wysiwyg CodeMagic memiliki pilihan, lihat Demo

CodeMagic adalah plugin editor kode sumber canggih untuk Tinymce . Ini mengintegrasikan perpustakaan CodeMirror untuk pewarnaan sintaks, dan perpustakaan JSBeautifier untuk pemformatan dan lekukan kode.

Seperti yang saya sebutkan sudah Ace Code Editor , Anda dapat mencoba tambalan ini dengan kombinasi editor wysiwyg. Anda dapat menemukan tambalan di sini

— Bala
sumber

Sialan kamu, sekarang sepertinya aku akan perlu mengatur hadiah kedua menjadi adil;) Terutama jika kedua jawaban akan bekerja. Perlu mengujinya.

— Mołot

@ Mołot Jangan ragu untuk memberikan hadiah untuk jawaban ini (atau jawaban di masa mendatang) jika penyorotan sintaks berfungsi dengan baik. Penyorotan BUEditor berfungsi tetapi tergantung pada peramban itu bisa menjadi sedikit jelek; ini solusi yang berhasil, tapi saya ragu itu solusi terbaik.

— Patrick Kenny