fevereiro 2010
TinyMCE com suporte a Syntax highlighter - Drupal 6
Enviado por admin, dom, 21/02/2010 - 18:51Neste 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:
- Módulo Wysiwyg => http://drupal.org/project/wysiwyg
- Módulo Wysiwyg Pre Element Fix => http://drupal.org/project/wysiwyg_preelementfix
- Módulo Wysiwyg Syntax highlighter integration => http://drupal.org/project/wysiwyg_syntaxhl
- Módulo Syntax highlighter => http://drupal.org/project/syntaxhighlighter
- Biblioteca TinyMCE => http://tinymce.moxiecode.com/download.php
- Plugin Pre Element Fix para TinyMCE => http://sourceforge.net/tracker/download.php?group_id=103281&atid=738747&...
- Biblioteca Syntax highlighter => http://alexgorbatchev.com/wiki/SyntaxHighlighter:Download
OBS.: Neste artigo utilizamos o caminho /sites/default/modules/ para instalação dos módulos.
- Instalar e ativar o módulo Wysiwyg normalmente na administração do site.
- Extrair a biblioteca TinyMCE no diretório /sites/all/libraries/tinymce/ .
- 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.
- Instalar e ativar o módulo Syntax highlighter.
- Após instalar e ativar o módulo Syntax highlighter, extraia o conteúdo da biblioteca Syntax highlighter em: /sites/all/libraries/syntaxhighlighter/
- Acesse /admin/settings/syntaxhighlighter para configurar linguagens necessárias e outros recursos conforme desejar.
- Instalar e ativar o módulo Wysiwyg Pre Element Fix normalmente na administração do site.
- 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. - [color=#ff0000]Instalar e ativar o módulo [/color]Wysiwyg Syntax highlighter integration normalmente na administração do site.
- Em /admin/settings/filters , no formato de entrada FULL HTML, ativar o Syntax highlighter.
- 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...


Últimos comentários
3 dias 16 horas atrás
4 dias 12 horas atrás
4 dias 18 horas atrás
1 semana 4 dias atrás
2 semanas 22 horas atrás
2 semanas 22 horas atrás
2 semanas 1 dia atrás
2 semanas 1 dia atrás
2 semanas 2 dias atrás
2 semanas 3 dias atrás