[rails] Personalizando fckeditor

06 de Maio

Em algumas ocasiõesé necessário colocar/retirar algumas funcionalidades do editor e para quem precisa de uma ajuda, ai vai.

Passo 01 - Crie um nome que sera seu "estilo" do fckeditor(no exemplo abaixo, usei Simples)

<%= fckeditor_textarea("carta", :resumo, :toolbarSet => 'Simples', :width => '100%', :height => '200px') %>

Passo 02 - Criando o estilo. Para isso edite o arquivo fckconfig.js que fica na pasta /public/javascripts/fckeditor/

Dentro do arquivo notará que ja existe alguns "estilos", no meu em particular, existe os dois abaixo:

Simple(cujo o nome do "estilo" é Basic):
FCKConfig.ToolbarSets["Basic"] = [
    ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
] ;

Completo(cujo o nome do "estilo" é Default):
FCKConfig.ToolbarSets["Default"] = [
    ['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
    ['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
    ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
    ['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton', 'HiddenField'],
    '/',
    ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
    ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
    ['Link','Unlink','Anchor'],
    ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
    '/',
    ['Style','FontFormat','FontName','FontSize'],
    ['TextColor','BGColor'],
    ['FitWindow','ShowBlocks','-','About']        // No comma for the last row.
] ;

Agora criamos nosso "estilo" apartir de um dos dois, no meu exemplo usarei o nome Simples

Ficando assim:
FCKConfig.ToolbarSets["Simples"] = [
    ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
    ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull']
] ;

Resumo, deixei apenas funcionalidades p/ edição de texto, pois só iria precisar delas.

Qualquer dúvida so reclamar :D

Twitter

Murilo Doria postado em 16/09/2009 14:22

Parabéns pelo tuto... me ajudou muito. Abraços.

wFUGfE <a href="http://yjncfigionau.com/">yjncfigionau</a>, [url=http://otcbytmgavvq.com/]otcbytmgavvq[/url], [link=http://dcdkfqprmscp.com/]dcdkfqprmscp[/link], http://sdptblahgdgb.com/ postado em 13/11/2009 13:21

wFUGfE <a href="http://yjncfigionau.com/">yjncfigionau</a>, [url=http://otcbytmgavvq.com/]otcbytmgavvq[/url], [link=http://dcdkfqprmscp.com/]dcdkfqprmscp[/link], http://sdptblahgdgb.com/

Comentar artigo Campos em negrito são obrigatórios.

.

Copyright © 2008 - Todos os direitos reservados.

diHITT - Notícias BlogBlogs.Com.Br