Wie man set cursor position to end of text in den CKEditor?

Gibt es eine Möglichkeit, um den cursor am Ende des Inhalts einer CKEditor?

Diesem Entwickler gebeten zu haben, erhielt aber keine Antworten:

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

Ich würde gerne den Fokus an das Ende der text in den CKEditor. Wenn ich:

ckEditor.focus();

Dauert es mir zu Beginn des Textes bereits innerhalb des CKEditor.

InformationsquelleAutor der Frage BrooklynDev | 2010-12-27

  1. 18

    Dan ' s Antwort habe seltsame Ergebnisse bei mir, aber geringfügige änderung (neben typo Update) funktionierte es:

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

    InformationsquelleAutor der Antwort Peter Tracey

  2. 8

    Gemäß der Dokumentation für CKEditor 4, können Sie Folgendes tun, sobald Sie das editor-Objekt.

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

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

    InformationsquelleAutor der Antwort Dan

  3. 4

    Nach ein bisschen Gefummel habe ich es mit dem folgenden code:

    $(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. Bekommen den root-Knoten (nicht Körper)
    2. Weiter zum nächsten Knoten, bis es nicht mehr Knoten Voraus.
    3. Wählen Sie letzten Knoten.
    4. Reduzieren
    5. Set Angebot

    InformationsquelleAutor der Antwort Kees C. Bakker

  4. 1

    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 den pseudo-code von den Entwicklern hier:

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

    Müssen Sie konzentrieren editor, get document-Objekt, setzen Sie es in Reichweite ist,
    Zusammenbruch-Bereich (falsche parameter), wählen Sie "Körpers" (mit
    selectNodeContents), reduzieren (mit falschem parameter) und schließlich
    wählen Sie die Option Bereich. Es ist am besten, es zu tun alles in instanceReady Veranstaltung.

    InformationsquelleAutor der Antwort whereisalext

  5. 1

    Hier eine ähnliche Antwort an @peter-tracey. In meinem Fall ist mein plugin einfügen Zitat. Wenn der Benutzer eine Auswahl gemacht, ich brauchte, um zu deaktivieren Sie die Auswahl und setzen Sie den cursor an das Ende des Satzes.

      //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>");

    InformationsquelleAutor der Antwort Paul

  6. 0

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

    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 ])

    InformationsquelleAutor der Antwort Chang

  7. -1

    haben Sie versucht, ckEditor.Auswahl.Collapse(false);

    InformationsquelleAutor der Antwort Adyt

Schreibe einen Kommentar