2

Estou com o seguinte código:

<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>Untitled Document</title>

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

<link href="editor.css" type="text/css" rel="stylesheet"/>
<script src="editor.js"></script>

</head>

<body>

<div id="txtEditor"></div>

<script type="text/javascript">
$(document).ready( function() {
$("#txtEditor").Editor();                    
});
</script>

</body>
</html>

Minha pergunta é como posso capturar as informações que são passadas pelo editor de texto na "DIV = txtEditor" para um textarea para que o PHP possa capturar os dados e enviar pelo metodo post para o banco de dados?

3
  • atualmente eu estou usando o editor TinyMCE. Ele é usado por grandes empresas e totalmente configuravel, sem contar que de fácil implementação, basta você criar um <textarea> realizando o bind com o seu modelo e inicializar o plugin <script>tinymce.init({selector:'textarea'});</script> Commented 27/09/2014 às 4:04
  • João. Como funciona exatamente esse bind, com esse plugin Responsive WYSIWYG (editor de texto)r? Commented 27/09/2014 às 4:11
  • Bem, sou desenvolvedor Java, mas o principio é o mesmo. você tem o atributo name no qual você realiza a ligação para popular ou gravar as informações Commented 27/09/2014 às 4:40

3 Respostas 3

2

No site TinyMCE tem este exemplo; se você puder mudar o DIV para um TextArea, poderá fazer desta forma:

<?php
 $allowedTags='<p><strong><em><u><h1><h2><h3><h4><h5><h6><img>';
 $allowedTags.='<li><ol><ul><span><div><br><ins><del>';  
// Should use some proper HTML filtering here.
  if($_POST['elm1']!='') {
    $sHeader = '<h1>Ah, content is king.</h1>';
    $sContent = strip_tags(stripslashes($_POST['elm1']),$allowedTags);
} else {
    $sHeader = '<h1>Nothing submitted yet</h1>';
    $sContent = '<p>Start typing...</p>';
    $sContent.= '<p><img width="107" height="108" border="0" src="/mediawiki/images/badge.png"';
    $sContent.= 'alt="TinyMCE button"/>This rover has crossed over</p>';
  }
?>
<html>
<head>
<title>My test editor - with tinyMCE and PHP</title>
<script language="javascript" type="text/javascript" src="/js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
  tinyMCE.init({
    theme : "advanced",
    mode: "exact",
    elements : "elm1",
    theme_advanced_toolbar_location : "top",
    theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,"
    + "justifyleft,justifycenter,justifyright,justifyfull,formatselect,"
    + "bullist,numlist,outdent,indent",
    theme_advanced_buttons2 : "link,unlink,anchor,image,separator,"
    +"undo,redo,cleanup,code,separator,sub,sup,charmap",
    theme_advanced_buttons3 : "",
    height:"350px",
    width:"600px"
});

</script>
</head>
<body>
 <?php echo $sHeader;?>
 <h2>Sample using TinyMCE and PHP</h2>
 <form method="post" action="<?=$_SERVER['REQUEST_URI']?>">
  <textarea id="elm1" name="elm1" rows="15" cols="80"><?php echo $sContent;?></textarea>
<br />
<input type="submit" name="save" value="Submit" />
<input type="reset" name="reset" value="Reset" />
</form>
</body>
</html>

Fonte: http://www.tinymce.com/wiki.php/TinyMCE3x:How-to_implement_TinyMCE_in_PHP

1
  • Tony, poderia me passar seu skype para me auxiliar de uma maneira mais integra? Estou com alguns problemas ainda... Abraços Commented 27/09/2014 às 20:23
1

Para pegar o valor do texto, vc usa a seguinte linha, conforme no link a seguir: https://github.com/suyati/line-control/blob/master/README.md

$('#txtEditor').Editor('getText');

eu comecei mês passado a usar esse editor de texto, e pra mim foi o melhor WYSIWYG gratuito que achei :)

0

Voçê pode capturar o conteúdo que esta no ID "texteditor" com jQuery desde que tenha conteúdo nele...exemplo:

//Verifica se há conteúdo!
if($('#texteditor').html() != ""){

  //Cria uma variavel para pegar o conteúdo!
  var content = $('#texteditor').html();

    //Inicia o envio!
    $.ajax({
        url: 'sua_pagina.php',
        type: 'POST',
        data: {
        content: content
        },
        success: function(data){
            if(data){

                //Em caso de sucesso, faça alguma coisa aqui!

            }else{

                //Em caso de erro, faça algo aqui!
            }
        }
    });

}else{//Caso a tentativa de envio esteja sem conteúdo!

     //Adicione alguma ação aqui!

}

Já para uma página PHP deixo só uma idéia, voçê trabalha ela como bem achar melhor..lembrando que retorno será true ou false representados por 0 ou 1 !!!

<?php

$content = $_POST['content']; //peda os dados do POST
$content = mysql_real_escape_string($content);  //escapa a string

$sql = true; // aqui você pode colocar sua SQL para salvar no banco

if ($sql)
{
    echo 1;
}else{
    echo 0;
}
0

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .