tinyMCE adicionar tributos na tag span

[leanhils 0]

Bom dia,
Estou usando o plugin tinyMCE em um formulario, e ao mudar o tamanho da fonte usando o tinyMCE ele automaticamente cria a linha de comando span no html

<span style="font-size: 36pt;">Teste</span>

e na tela para visualizar o conteudo possui um recurso para aumentar o tamanho da fonte, porem o recurso não funciona ao definir o tamanho da fonte pelo tinyMCE.

 

a solução é adicionar um id na tag span de forma automatica, e difinir no javascript o nome do id para aumentar a fonte mas eu não estou conseguindo, adicionar esse id de forma automatica.

 

Codigo para aumentar o tamanho da fonte.

<script language="javascript">

var tam=17;
function mudaFonte(tipo)
{
if (tipo=="mais")
{
if(tam<50) tam+=1;    
}else
{
if(tam>10) tam-=1;
}
document.getElementById('titulo').style.fontSize=tam+'px' ;
document.getElementById('conteudopg').style.fontSize=tam+'px' ;
    document.getElementById('menubv').style.fontSize=tam+'px' ;
}
</script>

html aumentar fonte

<div style="width:280px; margin-left:0px; height:45px; padding:3px 3px 3px 3px; text-align:center; background-color:#F5F5F5; border:1px solid #CCCCCC;"><span class="style1">Acessibilidade para Baixa Visão</span> <br />
                <input type="button" value="A" onclick="ap();" style="background-color:#000000; font-size:18px;  color:#FFFF00; border:none; font-weight:bold; border:#000000 1px solid;" />
                <input type="button" value="A" onclick="bp();" style="background-color:#000000; font-size:18px;  color:#FFFFFF; border:none; font-weight:bold; border:#000000 1px solid;" />
                <input type="button" value="A" onclick="ac();" style="background-color:#FFFFFF; font-size:18px;  color:#999999; border:none; font-weight:bold; border:#CCCCCC 1px solid;" />
                <input name="button" type="button" style="background-color:#FFFFFF; color:#999999; font-size:18px;  border:none; font-weight:bold; border:#CCCCCC 1px solid;" onclick="javascript:mudaFonte('mais');" value="A+" />
                <input name="button2" type="button" style="background-color:#FFFFFF; color:#999999; font-size:18px;  border:none; font-weight:bold; border:#CCCCCC 1px solid; " onclick="javascript:mudaFonte('menos');" value="A-" />
          </div>

tinyMCE Completo

www.guiaderuasonline.com.br/download/tinymce.zip

 

[leanhils 0]

Resolvido!

segue a solução para quem precisar

 

basta adicionar esse codigo

extended_valid_elements : "span[id=texto|style]",

Referência

http://ahoj.io/how-to-make-tinymce-to-output-clean-html