TinyMCE com suporte a Syntax highlighter - Drupal 6

Neste artigo será mostrado como instalar o editor TinyMCE com suporte a Syntax highlighter.
O Syntax highlighter, é utilizado para destacar blocos de códigos.
Utilizaremos os seguintes módulos/programas:

  • Módulo Wysiwyg (V. 6.x-2.0).
  • Módulo Wysiwyg Pre Element Fix (V. 6.x-1.0-beta1).
  • Módulo Wysiwyg Syntax highlighter integration (V. 6.x-1.2).
  • Módulo Syntax highlighter (V. 6.x-1.20).
  • Biblioteca TinyMCE (V. 3_2_7).
  • Plugin Pre Element Fix para TinyMCE (V. 0.4b2).
  • Biblioteca Syntax highlighter (V. 2.1.364).

 Vamos lá:
 Download dos módulos/programas necessário:

 
OBS.: Neste artigo utilizamos o caminho /sites/default/modules/ para instalação dos módulos.

  1. Instalar e ativar o módulo Wysiwyg normalmente na administração do site.
  2. Extrair a biblioteca TinyMCE no diretório /sites/all/libraries/tinymce/ .
  3. Verifique em /admin/settings/wysiwyg se o TinyMCE está instalado corretamente. Aproveite e associe o TinyMCE ao formato de entrada Full HTML e configure este formato conforme sua necessidade, se houver.
  4. Instalar e ativar o módulo Syntax highlighter.
  5. Após instalar e ativar o módulo Syntax highlighter, extraia o conteúdo da biblioteca Syntax highlighter em: /sites/all/libraries/syntaxhighlighter/
  6. Acesse /admin/settings/syntaxhighlighter para configurar linguagens necessárias e outros recursos conforme desejar.
  7. Instalar e ativar o módulo Wysiwyg Pre Element Fix normalmente na administração do site.
  8. Extrar o Plugin Pre Element Fix para TinyMCE no diretório /sites/default/modules/wysiwyg_preelementfix/tinymce/preelementfix/
    OBS.: Não existia a pasta tinymce, criamos a estrutura conforme informado.
  9. [color=#ff0000]Instalar e ativar o módulo [/color]Wysiwyg Syntax highlighter integration normalmente na administração do site.
  10. Em /admin/settings/filters , no formato de entrada FULL HTML, ativar o Syntax highlighter.
  11. Em /admin/settings/wysiwyg , no formato de entrada FULL HTML, ativar também o botão Syntax highlighter.

  Pronto! Desta forma, ao criar qualquer conteúdo no formato FULL HTML, você poderá utilizar o editor TinyMCE e clicando no botão INSERIR CÓDIGO USANDO SYNTAX HIGHLIGHTER, poderá inserir blocos de códigos destacados.

fonte: http://www.cliffordmeece.com/content/drupal-wysiwyg-tinymce-syntaxhighli...

Comentários

People deserve very good life time and personal loans or just term loan would make it better. Because people's freedom bases on money.

The mortgage loans are essential for people, which want to organize their company. As a fact, it is not very hard to receive a credit loan.

Olá, excelente post!

Segui passo a passo certinho, mas o plugin não está aceitando quebra de linha, quando salvo minha página fica uma linha só com todo meu código....sabe o que pode ser?

Obrigado, resolvido, era uma opção que removia linhas dos artigos.

Valeu!!

Comentar

O conteúdo deste campo é privado não será exibido ao público.
  • Endereços de páginas de internet e emails viram links automaticamente.
  • Tags HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Quebras de linhas e parágrafos são feitos automaticamente.

Mais informações sobre as opções de formatação

Image CAPTCHA
Informe os caracteres presentes na imagem