WYSIWYG Drupal: mudanças entre as edições

De Pontão Nós Digitais
Ir para navegaçãoIr para pesquisar
(Criou página com 'right WYSIWYG é o acrônimo da expressão em inglês '''What You See Is What You Get''', cuja tradução remete a algo como "O que você vê é o que...')
 
Sem resumo de edição
 
(4 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 4: Linha 4:
O Drupal, em seu core padrão, não vem como nenhum WYSIWYG, logo é preciso instalá-lo.  
O Drupal, em seu core padrão, não vem como nenhum WYSIWYG, logo é preciso instalá-lo.  


Existem diversos WYSIWYG para Drupal (https://drupal.org/project/wysiwyg) e eles podem funcionar como uma biblioteca ou como um módulo. Dizem que o mais correto é funcionar como biblioteca, mas os dois modos funcionam normalmente.  
Existem diversos WYSIWYG para Drupal (https://drupal.org/project/wysiwyg) e eles podem funcionar como uma biblioteca ou como um módulo. Dizem que o mais correto é funcionar como biblioteca, mas os dois modos funcionam normalmente. Escolha '''UM jeito''' e aplique. Não é recomendado fazer das duas formas. Particularmente acredito que o segundo modo é mais simples.  


'''Instalando um wysiwyg como biblioteca'''
'''Instalando um wysiwyg como biblioteca'''
* 1. Baixe o módulo https://drupal.org/project/wysiwyg e descompacte-o na pasta ''/drupal/sites/all/modules''. Vai ficar assim: ''/drupal/sites/all/modules/wysiwyg''
* 1. Baixe o módulo https://drupal.org/project/wysiwyg e descompacte-o na pasta ''/drupal/sites/all/modules''. Vai ficar assim: ''/drupal/sites/all/modules/wysiwyg''
* 2. Vá até o painel do Drupal como administrador e habilite o módulo em: ''admin panel > modules > user interface''. Não esqueça de salva a alteração;
* 2. Vá até o painel do Drupal como administrador e habilite o módulo em: ''admin panel > modules > user interface''. Não esqueça de salva a alteração;
Linha 15: Linha 16:
* 7. Pronto! isso deve funcionar. É importante dizer que algum detalhe pode mudar de acordo com o editor Wysiwyg escolhido.  
* 7. Pronto! isso deve funcionar. É importante dizer que algum detalhe pode mudar de acordo com o editor Wysiwyg escolhido.  


'''Instalando um wysiwyg como módulo, exemplo CKEditor'''
  Essa solução apresentou dois pequenos problemas.
  O primeiro referente ao reconhecimento por parte do módulo WYSIWYG da lib do CKeditor.
  E a segunda referente a uma variável de retorno. Isso aconteceu usando Drupal 7.23, 
  Wysiwyg versão 7.x-2.2, e ckkeditor versão 4.2.2 full. É possível que em outro contexto
  esse problema não apareça. A mensagem de erro é que o editor não encontrou o sites/all/libraries/ckeditor
 
Ai foi alterado o seguinte arquivo:
 
  '''.../modules/wysiwyg/editors/ckeditor.inc mudando a função wysiwyg_ckeditor_version($editor)'''
 
Mude isso:
 
  '''if (preg_match('@version:\'(?:CKEditor )?([\d\.]+)(?:.+revision:\'([\d]+))?@', $line, $version)) {'''
 
Por isso
 
  '''if (preg_match('@version:\"(?:CKEditor )?([\d\.]+)(?:.+revision:\"([\d]+))?@', $line, $version)) {'''
 
Salve e vá novamente para a página de configurações do módulo. Pode ser que apareça o erro:
 
  '''Notice: Undefined offset: 2 em wysiwyg_ckeditor_version()'''
 
Isso foi resolvido mudando isso:
 
  '''return $version[1] . '.' . $version[2];'''
 
Para:
 
  '''return $version[1] ;'''
 
Salve o arquivo e pronto.


Referência: https://drupal.org/node/1161738


'''Instalando um wysiwyg como módulo, exemplo CKEditor'''


* 1. Baixe o módulo do CKEditor: https://drupal.org/project/ckeditor e descompacte-o na pasta ''/drupal/sites/all/modules''. Vai ficar assim: ''/drupal/sites/all/modules/ckeditor'';
* 2. Vá até o painel do Drupal como administrador e habilite o módulo em: ''admin panel > modules > ckeditor''. Não esqueça de salva a alteração;
* 3. Baixe o CKEditor do site http://ckeditor.com e copie-o para pasta /drupal/sites/all/modules/ckeditor/ckeditor;
* 4. Pronto! isso deve funcionar. Todo o site terá o ckeditor na hora de editar um conteúdo;


[[Category: Drupal]]
[[Category: Drupal]]
[[Category: CMS]]
[[Category: CMS]]

Edição atual tal como às 16h57min de 28 de outubro de 2013

Ckeditor.png

WYSIWYG é o acrônimo da expressão em inglês What You See Is What You Get, cuja tradução remete a algo como "O que você vê é o que você obtém". Significa a capacidade de um programa de computador de permitir que um documento, enquanto manipulado na tela, tenha a mesma aparência de sua utilização, usualmente sendo considerada final a forma impressa. O uso inicial do termo foi relacionado a editores de texto, agora porém é aplicado a qualquer tipo de programa, como, por exemplo, programas de web design.

O Drupal, em seu core padrão, não vem como nenhum WYSIWYG, logo é preciso instalá-lo.

Existem diversos WYSIWYG para Drupal (https://drupal.org/project/wysiwyg) e eles podem funcionar como uma biblioteca ou como um módulo. Dizem que o mais correto é funcionar como biblioteca, mas os dois modos funcionam normalmente. Escolha UM jeito e aplique. Não é recomendado fazer das duas formas. Particularmente acredito que o segundo modo é mais simples.

Instalando um wysiwyg como biblioteca

  • 1. Baixe o módulo https://drupal.org/project/wysiwyg e descompacte-o na pasta /drupal/sites/all/modules. Vai ficar assim: /drupal/sites/all/modules/wysiwyg
  • 2. Vá até o painel do Drupal como administrador e habilite o módulo em: admin panel > modules > user interface. Não esqueça de salva a alteração;
  • 3. Clique em "configuration" no módulo wysiwyg;
  • 4. Você vai para uma página de Installation instructions com uma série de editores visuais possíveis. Você terá de baixar um dos editores. Vamos supor que você baixou o CKEditor.
  • 5. Baixe o CKEditor do site http://ckeditor.com e copie-o para pasta /drupal/sites/all/libraries/ckeditor;
  • 6. Em Wysiwyg profiles, no painel, veja se funcionou, se o modulo reconheceu a biblioteca. Em seguida, habilite quais as opções que você quer na hora de editar conteúdo e salve;
  • 7. Pronto! isso deve funcionar. É importante dizer que algum detalhe pode mudar de acordo com o editor Wysiwyg escolhido.
 Essa solução apresentou dois pequenos problemas. 
 O primeiro referente ao reconhecimento por parte do módulo WYSIWYG da lib do CKeditor. 
 E a segunda referente a uma variável de retorno. Isso aconteceu usando Drupal 7.23,  
 Wysiwyg versão 7.x-2.2, e ckkeditor versão 4.2.2 full. É possível que em outro contexto 
 esse problema não apareça. A mensagem de erro é que o editor não encontrou o sites/all/libraries/ckeditor

Ai foi alterado o seguinte arquivo:

 .../modules/wysiwyg/editors/ckeditor.inc mudando a função wysiwyg_ckeditor_version($editor)

Mude isso:

 if (preg_match('@version:\'(?:CKEditor )?([\d\.]+)(?:.+revision:\'([\d]+))?@', $line, $version)) {

Por isso

 if (preg_match('@version:\"(?:CKEditor )?([\d\.]+)(?:.+revision:\"([\d]+))?@', $line, $version)) {

Salve e vá novamente para a página de configurações do módulo. Pode ser que apareça o erro:

 Notice: Undefined offset: 2 em wysiwyg_ckeditor_version()

Isso foi resolvido mudando isso:

 return $version[1] . '.' . $version[2];

Para:

 return $version[1] ;

Salve o arquivo e pronto.

Referência: https://drupal.org/node/1161738

Instalando um wysiwyg como módulo, exemplo CKEditor

  • 1. Baixe o módulo do CKEditor: https://drupal.org/project/ckeditor e descompacte-o na pasta /drupal/sites/all/modules. Vai ficar assim: /drupal/sites/all/modules/ckeditor;
  • 2. Vá até o painel do Drupal como administrador e habilite o módulo em: admin panel > modules > ckeditor. Não esqueça de salva a alteração;
  • 3. Baixe o CKEditor do site http://ckeditor.com e copie-o para pasta /drupal/sites/all/modules/ckeditor/ckeditor;
  • 4. Pronto! isso deve funcionar. Todo o site terá o ckeditor na hora de editar um conteúdo;