ckeditor:如何在焦点上选择编辑器内的所有文本?

时间:2014-06-17 12:06:12

标签: javascript jquery html ckeditor

我正在使用ckeditor进行文本格式化,编辑器中有默认文本,我希望在焦点上随时显示。

这是我的代码

HTML:

<textarea id="FirstTextEditor" >Hello</textarea>

使用Javascript:

$(document).ready(function(){
    CKEDITOR.instances.FirstTextEditor.on('focus', function () {
        // What is code i want write to select all text on focus?
    });
});

2 个答案:

答案 0 :(得分:1)

你可以简单地实现你想要的东西:

CKEDITOR.instances.["your instance here"].on( 'focus', function () { this.execCommand( 'selectAll' ); });

答案 1 :(得分:0)

如果您使用了JQuery,它将如下所示:

$(document).ready(function(){
    $('textarea').focus(function(e){
        var that = this;
        setTimeout(
            function() {
                that.select()
            }, 0);
    });
});

JSFiddle - http://jsfiddle.net/s6Z82/5/

你现在唯一需要弄清楚的是如何从CKEDITOR.instances.FirstTextEditor.on回调中获取当前元素,你就完成了。

为什么setTimeout(..,0)?

Chrome中的原因似乎e.preventDefault()不会阻止它放弃选择并将光标放到行尾。