Wie setze ich die Cursorposition am Ende des Textes in CKEditor?

Question

Gibt es eine Möglichkeit, den Cursor auf das Ende des Inhalts eines CKEditors zu setzen? Auch

Dieser Entwickler gefragt, erhielt aber keine Antwort:

http://cksource.com/forums/viewtopic.php?f=11&t=19877&hilit=cursor+end

ich den Fokus am Ende des Textes innerhalb eines CKEditor festlegen möchte. Wenn ich folgendes benutze:

ckEditor.focus(); 

Es bringt mich zum Anfang des Textes schon in den CKEditor.

Answer 1

haben Sie versucht ckEditor.Selection.Collapse (false);

Answer 2

Nach einem bisschen Fummelei, habe ich es bekommen habe mit dem folgenden Code zu arbeiten:

$(document).ready(function() { 

    CKEDITOR.on('instanceReady', function(ev) { 

     ev.editor.focus(); 

     var s = ev.editor.getSelection(); // getting selection 
     var selected_ranges = s.getRanges(); // getting ranges 
     var node = selected_ranges[0].startContainer; // selecting the starting node 
     var parents = node.getParents(true); 

     node = parents[parents.length - 2].getFirst(); 

     while (true) { 
      var x = node.getNext(); 
      if (x == null) { 
       break; 
      } 
      node = x; 
     } 

     s.selectElement(node); 
     selected_ranges = s.getRanges(); 
     selected_ranges[0].collapse(false); // false collapses the range to the end of the selected node, true before the node. 
     s.selectRanges(selected_ranges); // putting the current selection there 
    } 

}); 

Die Idee ist:

1. den Wurzelknoten Get (nicht Körper)
2. Gehen Sie zum nächsten Knoten vor, bis keine Knoten mehr vorhanden sind.
3. Wählen Sie den letzten Knoten aus.
4. Collapse es
5. Set Bereich

Answer 3

Gemäß der Dokumentation für CKEditor 4 können Sie folgendes tun, wenn Sie den Editor-Objekt haben.

var range = editor.createRange(); 
range.moveToPosition(range.root, CKEDITOR.POSITION_BEFORE_END); 
editor.getSelection().selectRanges([ range ]); 

-Link: http://docs.ckeditor.com/#!/api/CKEDITOR.dom.selection (unter selectRanges-Funktion).

Answer 4

Dan Antwort bekam seltsame Ergebnisse für mich, aber geringfügige Änderung (zusätzlich fix Typo) machte es funktioniert:

var range = me.editor.createRange(); 
range.moveToElementEditEnd(range.root); 
me.editor.getSelection().selectRanges([ range ]); 

Answer 5

CKEditor 3.x:

on : { 
     'instanceReady': function(ev) { 
      ev.editor.focus(); 
      var range = new CKEDITOR.dom.range(ev.editor.document); 
      range.collapse(false); 
      range.selectNodeContents(ev.editor.document.getBody()); 
      range.collapse(false); 
      ev.editor.getSelection().selectRanges([ range ]); 
     } 
    } 

basierend auf Pseudo-Code von den Entwicklern hier zur Verfügung gestellt:

https://dev.ckeditor.com/ticket/9546#comment:3

Sie müssen den Editor fokussieren, das Dokumentobjekt holen, in den Bereich collapse range (mit false parameter) setzen, Körper auswählen (mit selectNodeContents), ihn zusammenklappen (mit false parameter) und schließlich auswählen. Am besten ist es, alles im Fall instanceReady zu machen.

Answer 6

Hier ist eine ähnliche Antwort auf @ Peter-Tracey. In meinem Fall fügt mein Plugin ein Zitat ein. Wenn der Benutzer eine Auswahl getroffen hat, musste ich die Auswahl deaktivieren und den Cursor am Ende des Satzes platzieren.

// Obtain the current selection & range 
    var selection = editor.getSelection(); 
    var ranges = selection.getRanges(); 
    var range = ranges[0]; 

    // Create a new range from the editor object 
    var newRange = editor.createRange(); 

    // assign the newRange to move to the end of the current selection 
    // using the range.endContainer element. 
    var moveToEnd = true; 
    newRange.moveToElementEditablePosition(range.endContainer, moveToEnd); 

    // change selection 
    var newRanges = [newRange]; 
    selection.selectRanges(newRanges); 

    // now I can insert html without erasing the previously selected text. 
    editor.insertHtml("<span>Hello World!</span>"); 

Answer 7

Dies ist die einfachste Lösung, die von der ckeditor API bereitgestellt wird.Ich habe es auf IE10 +, ff, Safari und Chrome getestet:

range = editor.createRange(); 
// the first parameter is the last line text element of the ckeditor instance 
range.moveToPosition(new CKEDITOR.dom.node(editor.element.$.children[pos - 1]), CKEDITOR.POSITION_BEFORE_END) 
range.collapse() 
editor.getSelection().selectRanges([ range ])