FCKEDITOR - Force all left text

Question

How to force a text if inserted in the FCKEDITOR:

Na frase: para discutir e levantar sugestões que possam trazer a solução definitiva.

      a)A sustentabilidade, que hoje tem caráter extremamente relevante, deve ser amplamente divulgada.
              b)É extremamente relevante que se estude a sustentabilidade e a natureza, que tem importância descomunal no futuro do ser humano.
 c)O homem é um ser que depende sobremaneira da natureza, pois é ela que lhe garante a vida.
               d)O meio ambiente, que hoje é bastante desrespeitado, é fator decisivo para a sobrevivência humana.
 e)Lixo, desperdício de matéria-prima, coleta seletiva e proteção dos mananciais são fatores que devem receber nossa atenção; entretanto, muitos ainda olham para isso com desinteresse.

He’s lined up to the left like this, forcibly:

Na frase: para discutir e levantar sugestões que possam trazer a solução definitiva.

a)A sustentabilidade, que hoje tem caráter extremamente relevante, deve ser amplamente divulgada.
b)É extremamente relevante que se estude a sustentabilidade e a natureza, que tem importância descomunal no futuro do ser humano.
c)O homem é um ser que depende sobremaneira da natureza, pois é ela que lhe garante a vida.
d)O meio ambiente, que hoje é bastante desrespeitado, é fator decisivo para a sobrevivência humana.
e)Lixo, desperdício de matéria-prima, coleta seletiva e proteção dos mananciais são fatores que devem receber nossa atenção; entretanto, muitos ainda olham para isso com desinteresse.

With JQUERY a friend from here managed to do and worked in the common textarea, but with FCKEDITOR does not work.

I think I found a way. I have this code in Jquery. This code forcibly aligns any text to the left of the common textarea.

<script>
//ALINHA TEXTO A ESQUERDA
$("textarea#txt1").on('input',function(){
  var txt = $(this).val();
  var txt_novo = txt.replace(/(^|[\n\r])([\t\s])+/g, "$1");
  $(this).val(txt_novo);
});
</script>

And the one that starts the CKEDITOR exhibition:

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

How do I adapt Jquery in Fckeditor? From top code to bottom code? I believe it worked.

Answer 1

The Ckeditor doesn’t listen oninput, only onchange.

What you can do is use a button to call a function that will make the adjustments by grabbing the text from the editor’s API instance.

You can use a simple button:

<button onclick="ajusta()">OK</button>

Or if you send via form, put a return with onsubmit:

<form onsubmit="return ajusta()">
   ...
</form>

Function:

function ajusta(){
   var editor = CKEDITOR.instances.questao; // pega a instância
   var txt = editor.getData(); // pega o texto
   var txt_novo = txt.replace(/ /g,''); // remove os  
   txt_novo = txt_novo.replace(/(^|[\n\r])([\t\s])+/g, ''); // remove as quebras de linha + espaço
   editor.setData(txt_novo); // atualiza o texto no editor
}

Answer 2

SCRIPT

$(document).ready(function() {
    $('#botao').on("click", function() {
    //retorna o texto do CKEDITOR
    var txt = (CKEDITOR.instances.editor.getData());

    //se necessário, depende da versão do CKEDITOR
    var txt_novo = txt.replace(/ /g, "");

    txt_novo = txt_novo.replace(/(^|[\n\r])([\t\s])+/g, "$1");

    var instancia = (CKEDITOR.instances.editor);

    //coloca o novo texto no CKEDITOR  
    instancia.setData(txt_novo);

    });
});

HTML

<button id="botao">Forçar todo texto a esquerda</button>