Avatar

Usando Fckeditor

Usando fckeditor

Escrito por Ivan em .Net. Data: 11/10/2008

Licença: Alguns direitos reservados. Dar créditos ao autor e linkar este original

Ver tópico original no fórum.

Bom galera vai aqui mais um tutorial que será bem últil:

1 - Baixe http://sourceforge.net/project/downloading...ditor_2.6.3.zip e coloque na raiz no seu site a pastas fckeditor

2 - Baixe http://sourceforge.net/project/showfiles.p...ackage_id=13712 e coloque dentro da pasta Bin da sua apliação a dll FredCK.FCKeditorV2.dll.

3 - Em seu arquivo web.config dentro da tag pages adicione.
CODE
<add tagPrefix="asp" namespace="Microsoft.Web.Preview.Diagnostics" assembly="Microsoft.Web.Preview"/>
         <add tagPrefix="FCKeditorV2" namespace="FredCK.FCKeditorV2" assembly="FredCK.FCKeditorV2"/>

Ex:
CODE
<pages>
             <controls><add tagPrefix="asp" namespace="Microsoft.Web.Preview.Diagnostics" assembly="Microsoft.Web.Preview"/>
        <add tagPrefix="FCKeditorV2" namespace="FredCK.FCKeditorV2" assembly="FredCK.FCKeditorV2"/>
</pages>


4 - Em sua páginas aspx é essencial na tag <%@ Page adicionar: ValidateRequest="false"

E por último onde vc for utilizar o campo como editor html:
CODE
<FCKeditorV2:FCKeditor ID="mensagemE" runat="server" basepath="~/fckeditor/"
                                height="300px" toolbarset="Default" Value='<%# Bind("texto") %>' Width="98%">
                            </FCKeditorV2:FCKeditor>


Obs: o toolbarset é onde vc disponibiliza quais controles estarão disponíveis ao usuário.

Espero que ajude!!!

Você gostou? Comente no fórum!

Comentários:

David Cruvinel disse:

bacana....

ótimo artigo, logo logo irei precisar usá-lo...

valew

Joaquim Tito disse:

Ótimo Ivan!

Ferramenta muito útil e fácil de configurar e criar plugins!

Vai ter continuação? joia.gif

Ivan disse:

Atendendo a sugestão do Tito, segue um exemplo de como configurar a barra conforme sua necessidade:
Essa é a forma padrão das ferramentas disponíveis.
CODE
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'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
    ['Link','Unlink','Anchor'],
    ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
    '/',
    ['Style','FontFormat','FontName','FontSize'],
    ['TextColor','BGColor'],
    ['FitWindow','-','About']
];
];

Mas você pode remover as opções que redejar ex:
CODE
FCKConfig.ToolbarSets["MinhaFer"] = [
    ['Bold','Italic','Underline'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
    ['Link','Smiley','TextColor']

Ai pra utilizar a sua barra basta mudar:
CODE
<FCKeditorV2:FCKeditor ID="mensagemE" runat="server" basepath="~/fckeditor/"
                                height="300px" toolbarset="MinhaFer" Value='<%# Bind("texto") %>' Width="98%">
                            </FCKeditorV2:FCKeditor>

Repare em: toolbarset="MinhaFer"

Ver o restante dos comentários no fórum (e aproveitar pra comentar também !).

Mais recentes em .Net

Usando fckeditor
Por Ivan - Bom galera vai aqui mais um tutorial que será bem últil:...
Lendo arquivos texto
Por quintelab - Este artigo traz um assunto simples mas que quase todos...
Formatando colunas da gridview em tempo de execução
Por quintelab - Este artigo mostra como formatar uma coluna da gridview...
Carregar página de pesquisa com pop up
Por quintelab - O artigo mostra como chamar uma página de pesquisa...
Exibindo mapa usando a api do google.
Por Ivan - Usando subgurim.net...

Ver mais Artigos de .Net.

Ver e retirar outras dúvidas no fórum Webly.

Alguns Direitos Reservados | RSS | O Fórum

Webly Portal e Fóruns - Internet + Humana | Design by ArthurHenrique.com