Ckeditor光标样式

时间:2017-07-11 10:04:45

标签: javascript jquery css ckeditor ckeditor4.x

当编辑器处于只读模式时,我需要将光标的样式更改为“指针”我尝试了两种解决方案:

  1. 更改文字样式

    CKEDITOR.instances.editor1.on( 'contentDom', function() {
    CKEDITOR.instances.editor1.editable().attachListener( 
    CKEDITOR.instances.editor1.editable(), 'mouseover', function( evt ) { 
      if ( evt.data.getTarget().is( 'p' ) )
    {evt.data.getTarget().setAttributes ( {'style':"cursor:pointer "} ) 
     ;}//cursor:pointer
    
     });
    CKEDITOR.instances.editor1.editable().attachListener( 
    CKEDITOR.instances.editor1.editable(), 'mouseout', function( evt ) { 
            if ( evt.data.getTarget().is( 'p' ) )
    {evt.data.getTarget().setAttributes ( {'style':"cursor:pointer"} ) ;}          
    });
    });
    
  2. CKEDITOR.document.getDocumentElement().setStyle("cursor","pointer");
    
  3. 当光标放在文本上时,第一个工作。

    第二个更改了除编辑器之外的所有页面中的光标。

1 个答案:

答案 0 :(得分:0)

我刚刚找到答案

var node = CKEDITOR.instances.editor1.document.getBody();
var parent = node.getParent();
parent.setStyle("cursor","pointer");