CKEDITOR - 使用退格键选择并点击文本

时间:2013-10-17 20:45:35

标签: jquery ckeditor

当用户删除文本时,我想通过选择它并添加css来隐藏或“敲击”它。我有这样的代码:

$(this).keypress(function (e) 
{
  var key = e.charCode || e.keyCode;
  if(key == 8)//backspace
  {         
     e.preventDefault();

     //this selects the previous character -- not the CKEDITOR way so prob not x-platform        
     window.getSelection().modify('extend','backward','character');

     var trackstyle = new CKEDITOR.style( { element : 'del', attributes : { 'class': 'del-'+randnumber + ' del' , 'data-datetime' : trackmysqldatetime, 'id': 'id-'+randnumber } } );

    if(window.getSelection())
    {                   
       trackstyle.apply( editor[c].document ));//editor[c] is the current editor                
    }
} });

这样做 - 退格选择前一个字符并通过STYLE应用警示。但随后选择似乎消失了,我不知道如何恢复它。我相信我需要将光标放在DELETED元素开头之外,然后再次选择并删除。 (由于隐藏了应用样式的文本,我认为我不想选择该文本?)再次按下退格键会选择下一个前一个字符...

1 个答案:

答案 0 :(得分:0)

在CKEDITOR本身就有一些插件。试试这个http://ckeditor.com/addon/lite。阅读完整的文档,您将获得一些想法。