5 de jul de 2017

Umbraco removendo tag < i > (dentre outras) e impede o uso de Font Awsome.

Este post ajuda a resolver um problema para quem precisa publicar conteúdo em campos do tipo RICH TEXT FORMAT (RTE) cujo código fonte precisa usar tags em HTML5 que por padrão são inibidas pelo Umbraco. Neste exemplo usaremos a tag , < I > necessária para trabalhar com FONT AWESOME (http://fontawesome.io) . A explicação será bem objetiva e segue abaixo:
Problema:
Ao tentar usar tags HTML 5 em um RTE (Rich Text Editor) do Umbraco o TinyMCS as remove tags HTML 5. Neste poste usarei a tag  i como exemplo.

A figura abaixo exibe um código digitado no "Source Code" (código fonte) do RTE do Umbraco.
Figura 1



Ao Clicar em OK e abrir o Source Code novamente note que as tags I foram eliminadas.
Figura 2

Solução

Para resolver esse problema faça o seguinte:

1.     Abra o arquivo de configuração tiniMceConfig.config (figura 3)
Figura 3

2.     Procure o o elemento (nó) 'validElements' (figura 4)
Figura 4

3.     Localize o trecho de código onde aparece a TAG i (figura 5)
Figura 5

4.     Altere o código ",-em/-i[class|style]", para",-em[class|style],#i[class|style]," (observe a sintaxe, não omitir as vírgulas).
5.     Se as alterações não surtirem efeito, edite o arquivo /Config/ClientDependency.config (figura 6) da seguinte forma:
Figura 6
1.     localiza o elemento <clientDependency>
2.     Comente a versão original e altere a versão (version) para "1", conforme mostrado na figura 7
4.    Reinicie seu site.
Figura 7


Isto deve resolver o problema.


Nenhum comentário: