Normalmente quando digitamos uma frase em um editor wysiwyg e se precisarmos de uma na próxima linha, pressionamos a tecla Enter e ele irá inserir automaticamente uma <br>tag. Mas quando usamos o editor WYSIWYG editável e fazemos isso, ele está inserindo <p></p>tags em vez de <br>no Internet Explorer e tags no Chrome.
Mas está inserindo <br>tag no Mozilla (que é a certa). No IE está fornecendo <p>tag em vez de <br>pressionar a tecla Enter no editor WYSIWYG editável.
Estou usando o Jeditable como editor inline (vejademonstração). Ao usar o editor wysiwyg e quando insiro minha frase na próxima linha, o Firefox mostra a saída usando </br>a tag que é a correta.
Mas o Chrome e o Internet Explorer estão mostrando resultados diferentes.
Por exemplo:
A saída original deve ser Lorem Ipsum<br>is simply dummy a exibida corretamente no Firefox.
Mas no Internet Explorer a saída é <p>Lorem Ipsum</p><p>is simply dummy</p>
e no Chrome é<div>Lorem Ipsum</div><div>is simply dummy</div>
Como eu faria isso igual para todos os navegadores como o Firefox está mostrando?
Responder1
Odemonstraçãoestá usando uma versão muito antiga dojWYSIWYGplugin (como sugeridoaqui), portanto você deve usar o código atualizado.
Isso estava acontecendo porque quando o editor é inicializado e nenhum conteúdo é carregado da textarea, ele coloca um arquivo <br>.
Aqui está a correção de commit que você provavelmente está procurando:
Explicação da opção brIE no README e alguma refatoração de código para a mesma funcionalidadede autoria de stianlik.
A tecla ENTER não redefinirá mais o estilo para "Parágrafo", mas continuará escrevendo "Cabeçalho 1" até que os usuários escolham explicitamente "Parágrafo" na barra de ferramentas.
Você pode usar brIEa opção para controlar esse comportamento. Verifica aLeia-mepara mais detalhes.
Relacionado: