Vídeo em conteúdo com CKeditor
Olá, já faz um tempinho que estou tentando colocar vídeo em um conteúdo por meio de Ckeditor mas estou tendo alguns probleminhas com o Chrome, segue abaixo as especificações: 1º Possuo um Form com o seguinte textarea:
<textarea class="ckeditor" id="conteudo" name="conteudo">
</textarea> O mesmo abre normalmente com todas as ferramentas do CKeditor que configurei. 2º Neste form, além do conteúdo (texto) preciso incluir vídeos do youtube, isto é possível usando a opção "Iframe" do editor. Coloco a URL do vídeo (Já em embed) e especifico as dimensões normalmente. 3º Tenho um botão para visualizar o conteúdo deste form, ou seja, ao clicar no botão de visualização o form é submetido para o determinado aquivo php que pega todo o conteúdo, desta forma: <?php
$conteudo = $_POST["conteudo"].?> O conteúdo está sendo pego normalmente. logo mais abaixo imprimo este conteúdo na tela: <div id="PAGINA" style="width:97%. height:auto. padding:5px. ">
<?php echo "$conteudo"?>
</div> O conteúdo escrito é impresso normalmente, já o iframe está com um pequeno problema: No Firefox funciona normalmente, Quando utilizo a opção "Exibir código fonte" no Firefox, vejo que ele imprimiu a linha exata com meu vídeo de teste: <iframe frameborder="0" height="500" scrolling="no" src="//www.youtube.com/embed/OG2eGVt6v2o" width="500"></iframe> Quando uso o "Inspecionar Elemento" do firefox, ele também mostra esta mesma linha de código, acima, ou seja, está tudo OK no firefox e funcionando como o esperado... Já No Chome estou tendo problemas. realizo os mesmos passos acima porém os iframes não aparecem. Quando aperto o "Visualizar" ele me manda para a página e imprime o "$conteudo" porém, não mostra os iframes, fica um espaço aberto no local. Quando utilizo o "Exibir código fonte" ele me mostra o mesmo código iframe acima, assim como no Firefox, porém, notei que quando utilizo o "Inspecionar Elemento" no meu iframe, vejo que na verdade ele foi interpretado assim no Chrome: <iframe frameborder="0" height="500" scrolling="no" src width="500"></iframe> Ou seja, o Chrome por algum motivo "some" com o link do meu vídeo. Obs: Caso eu pegue o iframe completo que postei anteriormente(o que possui a url) e inclua direto no código da minha página de visualização, ele funciona perfeitamente, ou seja, o problema, PARECE estar no processo de impressão da variável "$conteudo" no Chrome. Já tentei de muitas formas ajeitar isso mas sempre ocorre a mesma coisa no Chorme: Ele não lê a url do iframe. Formulário: <form id="form1" name="form1" action="salvar.php" method="post" > <textarea class="ckeditor" id="conteudo" name="conteudo">
</textarea> <input type="button" onClick="javascript:Visualizar()" id="visualiza" name="visualiza" value="Visualizar" /> <input type="submit" id="salva" name="salva" value="Salvar" /> </form> Função Visualizar: function Visualizar(){
document.form1.action="visualizar.php". document.form1.target = '_blank'. document.forms.form1.submit(). document.form1.target = '_self'. document.form1.action="salvar.php". } Visualizar.php: <html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html. charset=utf-8" />
<title>Visualizar</title>
<META NAME="LANGUAGE" CONTENT="PT-BR">
<script type="text/javascript" src="jquery.js"></script>
</head>
<body> <?php
$conteudo = $_POST["conteudo"].?>
<center>
<div id="PAGINA" style="width:97%. height:auto. padding:5px. ">
<?php echo "$conteudo"?>
</div>
</center> </body>
</html> Estou a disposição para informar demais detalhes necessários. Caso alguém possa ajudar, fico muito grato.Discussão (1)
Carregando comentários...