Destaque de sintaxe para áreas de texto do lado do administrador (durante a edição de nó ou bloco) [fechado]

8

Estou tentando encontrar um módulo que realce HTML (e de preferência CSS / JavaScript dentro de tags de estilo / script, mas isso é um bônus adicional) ao editar um nó ou bloco no lado administrativo do Drupal.

Enquanto eu procurei no drupal.org por módulos de destaque de sintaxe e encontrei opções como GeSHi e Syntax Highlighter , ambos parecem ser voltados para o conteúdo final voltado para o público e não para o lado administrativo. Estou errado e alguém seria adequado para mim? Também vi alguns projetos que destacam blocos de código PHP, mas isso é menos importante para mim do que HTML / CSS / JavaScript.

Eu nunca uso um editor WYSIWYG para meu próprio HTML, mas alguns destaques seriam muito úteis na edição do meu conteúdo.

input-formats phette23
fonte
@Molot verificar isso drupalmotion.com/article/syntax-highlighting-drupal
Bala
A pergunta @Bala é sobre o destaque da sintaxe no editor . Formatos de texto (filtros) são para exibição . Não consigo ver nada de relevante no artigo que você vinculou
Mołot 22/10
11
@ MOLOT isso vai drupal.org/project/ace_editor treino para você, mas parece completamente para editor de código
Bala
@Bala, como observado na sua resposta, não consegui fazer o ás funcionar - sua barra foi exibida corretamente, nenhum erro no console js ou no watchdog, mas simplesmente não destacou nada. Testado nas versões dev e 2012 com o mesmo resultado (falta de). Se você pode mostrar como configurá-lo passo a passo, seria perfeitamente OK :)
MOLOT
@ Mołot desculpe, eu só notei esse comentário.
Bala #

Respostas:

4

Eu uso o módulo BUEditor , para o qual você pode adicionar destaque de sintaxe com algumas configurações adicionais . Você pode especificar apenas para permitir que os administradores acessem essa interface através da página de opções do módulo.

Instruções passo a passo

  1. Instale o módulo BUEditor (usei 1.6).
  2. Faça o download de bue.highlight.min.css e bue.highlight.min.js nesta página . Coloquei esses arquivos em um bueditordiretório dentro do diretório para o meu tema personalizado.
  3. Vá para a página de configuração BUEditor: /admin/config/content/bueditor. Edite as configurações da (s) versão (ões) relevante (s) do BUEditor (provavelmente o padrão, mas depende de qual você atribui a cada função - se desejar, você pode configurar diferentes opções do BUEditor por função, mas precisará configurar a sintaxe realçando para cada um.)
  4. Na tela de configurações do Editor, clique na guia Caminhos do editor e adicione os seguintes arquivos de biblioteca específicos do Editor ( Meu exemplo pressupõe que você coloque o JS no diretório do tema. ):

    % THEME / bueditor / bue.highlight.min.css
    % THEME / bueditor / bue.highlight.min.js exemplo de caminhos do editor

  5. Em seguida, role para baixo até a parte inferior da página (em Botões ) e adicione tpl:syntaxeste código:

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

exemplo de sintaxe

Em seguida, salve a configuração e você deve estar pronto.

Patrick Kenny
fonte
Obrigado, mas isso é muito ruim. Eu usei em alguns sites antes, mas eu não uso mais. Dose não suporta crepúsculo aninhado. Por exemplo, se você escreve em HTML e, em seguida, abre uma tag PHP, não ficará com o código php oculto. Você encontrou algo melhor?
ANDiTKO
Desculpe, sei que não é perfeito, mas é a única solução que conheço.
22412 Patrick Kenny
Olá. Não foi possível fazê-lo funcionar. Não está desatualizado? E você poderia fornecer instruções centradas no Drupal? Veja a descrição da recompensa - não foi possível descobrir, por isso, se você a estiver usando, poderá atualizar / expandir?
Mołot 22/10
@ Mołot Não, não está desatualizado. Ele funciona no meu site há 1,5 anos, sem alterações, e eu tenho a versão atual instalada. É uma tarefa difícil de configurar, então eu adicionei instruções passo a passo.
Patrick Kenny
Além disso, por algum motivo, o formatador Markdown continuou atrapalhando minha formatação, por isso não é muito bonito. Desculpe, não consigo formatá-lo de maneira mais limpa.
Patrick Kenny
4

Wysiwyg CodeMagic módulo tem a opção, consulte a demonstração

CodeMagic é um plugin avançado de edição de código-fonte para o Tinymce . Ele integra a biblioteca CodeMirror para colorir sintaxe e a biblioteca JSBeautifier para formatação e recuo de código.

Como já mencionei o Ace Code Editor , você pode tentar este patch com a combinação do editor wysiwyg. Você pode encontrar o patch aqui

Bala
fonte
11
Maldito seja, agora parece que precisarei definir segundas recompensas para ser justo;) Especialmente se as duas respostas funcionarem. Precisa testá-los.
Mołot 23/10
@ Mołot Sinta-se à vontade para conceder a recompensa a esta resposta (ou a qualquer resposta futura) se o destaque da sintaxe funcionar bem. O destaque da sintaxe do BUEditor funciona, mas dependendo do navegador, pode ficar um pouco feio; é uma solução funcional, mas duvido que seja a melhor solução.
Patrick Kenny