Como pegar o texto do editor FCKeditor com JS


Esse POST merece um 10, pois sofri para encontrar essas duas linhas na NET!

Bom, é o seguinte, para que está usando o FCKeditor (Editor estilo word para WEB), e está precisando pegar o texto que a pessoa digitou para gravar temporariamente através do AJAX, ou até mesmo dar um alert essas duas linhas são a sua salvação!

function pegaTextoFCKeditor() {
var oEditor = FCKeditorAPI.GetInstance(’mensagemCorpo’);
mensagemCorpo = oEditor.GetXHTML();

alert(mensagemCorpo);
}

A variável mensagemCorpo, você usa da maneira que desejar!

Tá eu sei que isso é fácil, mas demorei duas horas para encontrar, isso quer dizer que não devem existir muitos POST disso na NET, e que algum louco vai precisar!

Valeu!

29 Responses to “Como pegar o texto do editor FCKeditor com JS”

  1. Rosemeire Says:

    Oi Andrey… Legal tava a dois dias tentando achar como poderia capturar o valor digitado no editor com JS…
    Mas não funcionou no meu exemplo!!!
    Me da uma força…
    Estou usando o FCKeditor_2.3.2

    Obrigada!

  2. Andrey Pedro Lefkum Says:

    Enviado por E-mail:
    —————————-

    Olá Rosemeire!

    Pode me enviar o código que está usando e que está dando erro?
    Qual erro está dando?

    Att.,
    Andrey Pedro Lefkum

  3. Jônatas Gonçalves Says:

    Poxa vida, muito boa essa contribuição.. parabéns!!!

    Me ajudou bastante.

  4. JM Says:

    Muito bom cara….

    Estava atras de algo assim, ha seculos.

  5. Maicon Rafael Pereira Says:

    Show de bola essa função me salvou, valew mesmo cara. Muito Bom

  6. Iuri Guerra Says:

    Olá
    Cara eu estou precisando pegar esses dados do editor. Desde ontem que tô tentando fazer isso. A sua função ai em cima deve revolver porém eu não sei aonde colocá-la no script. Abaixo segue o trecho do script para gerenciamento de notícias

    function addNews()
    {

    var titulo = document.getElementById(’idtit’).value;
    var noticia = document.getElementById(’idnot’).value;

    if(titulo == “” && noticia == “”)
    {
    validaForm();
    }
    else if(titulo == “” || noticia == “”)
    {
    validaForm();
    }
    else
    {
    createRequest();
    document.forms[0].reset();
    var url = “addnews.php”;
    request.open(”POST”, url, true);

    //essas linhas são para especificar a codificação dos dados
    request.setRequestHeader(”Content-Type”, “application/x-www-form-urlencoded; charset=ISO-8859-1″);
    request.setRequestHeader(”Cache-Control”, “no-store, no-cache, must-revalidate”);
    request.setRequestHeader(”Cache-Control”, “post-check=0, pre-check=0″);
    request.setRequestHeader(”Pragma”, “no-cache”);

    //–fim das linhas de codificação

    request.onreadystatechange = showNews;
    request.send(”titulo=”+titulo+”&noticia=”+noticia);
    }
    }

    Explicando basicamente eu tenho um formulario com os campos titulo e noticia e no campo noticia aparece o editor do fck. Quando eu aperto o botão adicionar que está lá no html ele chava essa função ai em cima Eu quero que ele pegue os dados que foram digitados no editor e enviem juntamente com o campo notícia para o meu BD. Então uma boa seria usar a sua função acima mas não sei bem aonde vou colocá-la. Gostaria muito que você me desse aquela LUZ! Desde já fico grato

  7. Andrey Pedro Lefkum Says:

    function addNews() {

    var titulo = document.getElementById(’idtit’).value;

    var oEditor = FCKeditorAPI.GetInstance(’idnot’);
    var noticia = oEditor.GetXHTML();

    Iuri, se entendi corretamente, isso deve funcionar…substitui essa parte no início de sua função!

    Att.,
    Andrey

  8. Marcos Cestari Says:

    Andrey, mais uma pessoa que foi beneficiada com sua dica, parabens por ela e sucesso.
    A Dica é tão boa que tem como vc validar agora todo o form com os valores dos campos (pois antes era possivel validar somente depois do envio - Coisa porca).
    Agora é só alegria

    Muito obrigado
    Grande abraço

    Marcos Cestari

  9. Lex Siqueira Says:

    Incrivel como tem malucos que precisam dessa informação hoje em dia não???
    HEHEHE Valeu!!!

  10. Dhielber Manzoli Says:

    Cara!!! se eu pudesse eu lhe dava um carro agora!!!! mto obrigado meesmo!!! só nós programadores sabemos a felicidade de resolver algo depois d horas de tentativas… rs

    salvou minha vida!!!

    abração!!

  11. Andrey Pedro Lefkum Says:

    =D

    Cara!
    Fiquei dois dias procurando isso quando estava precisando também, tive que debugar a api do fckeditor.

    Até mais!

    Att.,
    Andrey

  12. Okada Says:

    Buenísimo!!

    Muchísimas gracias desde España! :)

  13. Derson Says:

    Legal vou testar aqui e ve se funciona…
    valeu pela dica

  14. Carla Says:

    Caraca!!
    Muito obrigada pela dica!!
    Funcionou aqui no projeto!!
    PARABÉNS!

  15. Rafael Says:

    Parabéns Andrey!
    Funcionou perfeitamente aqui!
    Valeu demais pela dica!!!
    Abraços

  16. Rosemeire Says:

    Confesso que a mensagem de não deixar um comentário me assuntou… hehehe. To brincando…
    Uma vez você me ajudou e agora to precisando de ajuda novamente.
    Andrey você sabe como faço pra limpar o conteúdo do Editor com javascript?

    Obrigada

  17. Rosemeire Says:

    Galera para limpar o conteúdo do editor.

    var oEditor = FCKeditorAPI.GetInstance(’nome_editor’);
    oEditor.EditorDocument.body.innerHTML = “”;

    ;)

    abraços

  18. Andrey Pedro Lefkum Says:

    Bom dia Rosemeire!!!

    Desculpa não responder estive ausente essa semana com problemas familiares…
    Obrigado por deixar novamente o POST mostrando como se faz!

    Até mais!

  19. Marcelo Says:

    Cara muito boa a informação…so q no meu caso eu preciso pegar o texto escrito nele, e não o html dele….tem como??? obrigado

  20. Andrey Pedro Lefkum Says:

    Olá Marcelo, cara sinceramente não sei te informar, mas caso não tenha como, você pode utilizar bibliotecas PHP pra fazer essa formatação.

    Desculpe não poder lhe ajudar!
    Até mais!

  21. Eduardo Lira Says:

    Andrey cara, vc é foda cara…
    Tava a dias tentando conseguir pegar o texto escrito peloeditor via javascript.
    Criava a instância e pegava o value mas isso era somente o texto que eu inseria quando ia criar o editor…
    fucei, fucei e nada de conseguir ai dei umas olhadas na mãe dos burros (o Google =p) e achei teu tópico cara…

    Vlw mesmo cara, grande dica…

    Abraços…

  22. Eduardo Lira Says:

    Códigozinho que achei para pegar somente o texto sem as TAGS HTML

    var texto = “nadahehe”;
    alert(texto.replace(/]+(>|$)/g, “”));

    Usango Expressões Regulares…

    Abraços…

  23. Eduardo Lira Says:

    Mal mas a variável TEXTO está com tags HTML e o browser acabou interpretando, mas basicamente a variável TEXTO recebe o texto com as TAGS HTML e depois da o devido REPLACE para retirar TODAS AS TAGS e só DEIXAR O TEXTO…

  24. Ellane Says:

    Não entendi.
    Eu pego o texto do banco desta forma na jsp e é retornado o texto com as tag html. Como vou utilizar este codigo para retornar só texto?

  25. Ellane Says:

    … pego do banco com a tag bean:write. Ficou faltando isto.

  26. Moisés Sena Says:

    Excelente!!!

    funciona perfeitamente….

    me economizou algumas horas de trabalho..rsrs

    Se alguém interessar, eu criei um plugin pro TyneMCE ( prefiro o FCK ), ja que o yneMCE é menor, ele funciona tipo o save dele mesmo, so que sem submeter, e vc pode ainda jogar o conteudo numa outra funcao ou executar callbacks….

  27. Alberto Says:

    Rapa valeu mesmo depois de 72hs na net achei esse post agora queri limpar os campos a Rosi coloco ali mais eu naum sei onde colocar ehehe so meu burro nesse negocio ainda valeu msn add ai galera a2web@a2web.com.br

  28. Igor Says:

    Olá Andrey,

    Olha meu problema é praticamente o mesmo que você referencio nesse artigo, porém, estou utilizando o FCKeditor com o Struts 2, e o meu problema é pq estou utilizando o form com o submit theme = ajax, gostaria de saber se essa solução que vc achou se encaixa nesse contexto, pois já rodei a net muito e ainda ñ achei nada, a ñ ser essa mesma solução q vc achou, tentei implementar ela e ñ funcionou.

    desde já agradeço.

  29. PALOMA Says:

    Geniaaalllll…muxas gracias!!!Una prgunta…el codigo esta cerrado?????me lo podrias enviar????
    Saludos desde España

Leave a Reply


This is a free Wordpress template provided by Mathew Browne | Web Design | SEO