Tô sáng cú pháp cho các vùng văn bản phía quản trị viên (trong khi chỉnh sửa nút hoặc khối) [đã đóng]

Tôi đang cố gắng tìm một mô-đun sẽ làm nổi bật HTML (và tốt nhất là CSS / JavaScript bên trong các thẻ kiểu / tập lệnh, nhưng đó là phần thưởng được thêm vào) khi tôi chỉnh sửa một nút hoặc khối ở phía quản trị của Drupal.

Trong khi tôi đã tìm kiếm trên drupal.org để tìm các mô-đun tô sáng cú pháp và tìm thấy các tùy chọn như GeSHi và Syntax Highlighter , cả hai đều có vẻ dành cho nội dung kết thúc công khai chứ không phải phía quản trị. Tôi có sai không và liệu người ta có phù hợp với tôi không? Tôi cũng đã thấy một vài dự án làm nổi bật các khối mã PHP, nhưng điều đó đối với tôi ít quan trọng hơn HTML / CSS / JavaScript.

Tôi không bao giờ sử dụng trình soạn thảo WYSIWYG cho HTML của riêng tôi nhưng một số đánh dấu sẽ rất hữu ích trong việc chỉnh sửa nội dung của tôi.

Tôi sử dụng mô-đun BUEditor , để bạn có thể thêm đánh dấu cú pháp với một số cấu hình bổ sung . Bạn có thể chỉ định chỉ cho phép quản trị viên truy cập vào giao diện này thông qua trang tùy chọn của mô-đun.

Hướng dẫn từng bước một

1. Cài đặt mô-đun BUEditor (Tôi đã sử dụng 1.6).
2. Tải xuống bue.highlight.min.css và bue.highlight.min.js từ trang này . Tôi đặt các tệp này trong một bueditorthư mục bên trong thư mục cho chủ đề tùy chỉnh của tôi.
3. Chuyển đến trang cấu hình BUEditor : /admin/config/content/bueditor. Chỉnh sửa cài đặt cho (các) phiên bản BUEditor có liên quan (có thể là mặc định, nhưng tùy thuộc vào việc bạn gán cho từng vai trò nào - nếu bạn muốn, bạn có thể định cấu hình các tùy chọn BUEditor khác nhau cho mỗi vai trò, nhưng sau đó bạn sẽ cần phải thiết lập cú pháp làm nổi bật cho mỗi.)
4. Trên màn hình Cài đặt trình chỉnh sửa, bấm vào tab Đường dẫn trình chỉnh sửa và sau đó thêm các tệp thư viện cụ thể của Trình chỉnh sửa sau ( Ví dụ của tôi giả định rằng bạn đặt JS trong thư mục chủ đề của mình. ):

   % THEME / bueditor / bue.highlight.min.css
   % THEME / bueditor / bue.highlight.min.js

5. Sau đó, cuộn xuống cuối trang đó (bên dưới Nút ) và thêm tpl:syntaxmã này:

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

Sau đó lưu cấu hình và bạn nên đi.

Mô-đun Wysiwyg CodeMagic có tùy chọn, xem Bản trình diễn

CodeMagic là một plugin chỉnh sửa mã nguồn nâng cao cho Tinymce . Nó tích hợp thư viện CodeMirror để tô màu cú pháp và thư viện JSBeautifier để tạo mã và thụt mã.

Như tôi đã đề cập đến Ace Code Editor , Bạn có thể thử bản vá này với sự kết hợp của trình soạn thảo wysiwyg. Bạn có thể tìm thấy các bản vá ở đây