管理者側のテキスト領域の構文の強調表示(ノードまたはブロックの編集中)[終了]


8

Drupalの管理側でノードまたはブロックを編集しているときに、HTML(およびスタイル/スクリプトタグ内のCSS / JavaScriptが望ましいですが、それは追加のボーナスです)を強調表示するモジュールを見つけようとしています。

drupal.orgで構文強調表示モジュールを検索し、GeSHiSyntax Highlighterなどのオプションを見つけましたが、どちらも一般向けのコンテンツであり、管理者向けではないようです。私は間違っていますか、私に適していますか?また、PHPコードブロックを強調するプロジェクトもいくつか見ましたが、HTML / CSS / JavaScriptほど重要ではありません。

私は自分のHTMLにWYSIWYGエディターを使用したことはありませんが、コンテンツを編集する際に強調表示が非常に役立ちます。


@Molotは、このdrupalmotion.com/article/syntax-highlighting-drupalをチェックします
Bala

@Balaの質問は、エディタでの構文の強調表示に関するものです。テキスト形式(フィルター)は表示用です。リンクされた記事の関連は何も見ることができない
Mołot

1
@Mołotはこのdrupal.org/project/ace_editorワークアウトを行いますが、コードエディターにとっては完全に見えます
Bala

@Balaあなたの答えの下で述べたように、私はエースを動作させることができませんでした-それはバーが正しく表示され、jsコンソールまたはウォッチドッグにエラーはありませんでしたが、それは単に何も強調しませんでした。devと2012の両方のリリースでテストされ、結果は同じ(欠けている)です。あなたはそれをステップバイステップで構成する方法を示すことができるならば、それは:)完全にOKだろう
Mołot

@Mołot申し訳ありませんが、そのコメントだけに気づきました。
バラ

回答:


4

私はBUEditorモジュールを使用してます。このモジュールでは、いくつかの追加構成で構文強調表示を追加できます。モジュールのオプションページを介して管理者のみがこのインターフェースにアクセスできるように指定できます。

ステップバイステップの説明

  1. BUEditorモジュールをインストールします(私は1.6を使用しました)。
  2. このページからbue.highlight.min.cssおよびbue.highlight.min.jsをダウンロードします。これらのファイルbueditorを、カスタムテーマのディレクトリ内のディレクトリに配置しました。
  3. BUEditor構成ページに移動します/admin/config/content/bueditor。BUEditorの関連バージョンの設定を編集します(おそらくデフォルトですが、各ロールに割り当てるものによって異なります-必要に応じて、ロールごとに異なるBUEditorオプションを構成できますが、構文を設定する必要がありますそれぞれの強調表示。)
  4. [エディターの設定]画面で、[ エディターのパス ]タブをクリックし、次のエディター固有のライブラリファイルを追加します私の例では、JSをテーマディレクトリに配置することを前提としています)。

    %THEME / bueditor / bue.highlight.min.css
    %THEME / bueditor / bue.highlight.min.js エディターパスの例

  5. 次に、そのページの下部([ ボタン]の下)までスクロールしtpl:syntax、次のコードを追加します。

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

構文例

次に、構成を保存します。これで問題ありません。


ありがとうございますが、それはかなり悪いハイライトです。以前いくつかのサイトで使用しましたが、もう使用していません。ネストされたハイライトはサポートされません。たとえば、HTMLで記述してからPHPタグを開くと、phpコードがハイライト表示されません。もっと良いものが見つかりましたか?
ANDiTKO 2012年

申し訳ありませんが、完璧ではないことは承知しておりますが、私が認識している唯一のソリューションです。
Patrick Kenny

こんにちは。動作しませんでした。時代遅れではないですか?そして、Drupal中心の指示を提供できますか?バウンティの説明をご覧ください-理解できませんでした。使用している場合は、更新または拡張していただけませんか?
Mołot

@Mołotいいえ、古くはありません。私のサイトでは1.5年間変更なしで動作し、現在のバージョンをインストールしています。ただし、構成するのは面倒なので、段階的な手順を追加しました。
Patrick Kenny

また、なんらかの理由でMarkdownフォーマッターが私のフォーマットをめちゃくちゃにしていたので、あまりきれいではありません。申し訳ありませんが、もっときれいにフォーマットすることができません。
Patrick Kenny

4

Wysiwyg CodeMagicモジュールにはオプションがあります。デモを参照してください

CodeMagicはのための高度なソースコードエディタプラグインですTinyMCEの。構文の色分けのためのCodeMirrorライブラリと、コードのフォーマットとインデントのためのJSBeautifierライブラリを統合します。

すでにAce Code Editorについて述べたように、wysiwygエディターの組み合わせでこのパッチを試すことができます。ここでパッチを見つけることができます


1
くそー、今度は私がセカンドバウンティを公平に設定する必要があるようです;)特に両方の答えがうまくいくなら。それらをテストする必要があります。
Mołot

@Mołot構文の強調表示が適切に機能する場合は、この回答(または今後の回答)の賞金を自由に授与してください。BUEditor構文の強調表示は機能しますが、ブラウザによっては少し見づらくなる場合があります。それは実用的な解決策ですが、私はそれが最良の解決策であることを疑います。
Patrick Kenny
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.