0

我试图提醒我从 CKEDITOR 中的 textarea 中选择的选项。当我跑的时候，就"No text is selected."出来了。我想看到"The current selection is: "+ selection. 我认为我需要在这里更改的警报 vartextarea = document.getElementById('editor1'); 有人可以帮我解决这个问题吗？

设置：

function () 
{
    var selection = "";
    var textarea = document.getElementById('editor1');
    if ('selectionStart' in textarea)
    {
         // check whether some text is selected in the textarea
         if (textarea.selectionStart != textarea.selectionEnd)
         {
           selection = textarea.value.substring(textarea.selectionStart, textarea.selectionEnd);
         }
    }
    else
    {
        // Internet Explorer before version 9
       // create a range from the current selection
       var textRange = document.selection.createRange();
        // check whether the selection is within the textarea
      var rangeParent = textRange.parentElement();
      if (rangeParent === textarea)
      {
          selection = textRange.text;
      }
    }
    if (selection == "")
    {
       alert("No text is selected.");
    }
    else
    {      
       alert("The current selection is: " + selection);
    }
   }
4

1 回答 1

1

要获得选择，请使用以下代码：

CKEDITOR.instances.youEditorInstance.getSelection().getSelectedText();

但是，此方法仅返回文本（无 HTML 标记）。

要保存 HTML 标记，您可以尝试以下操作：

var range = CKEDITOR.instances.editor1.getSelection().getRanges()[ 0 ];
var rangeClone = range.clone();

range.collapse();
var el1 = range.getCommonAncestor( true, true );
range.splitElement( el1 );

rangeClone.collapse( true ); // to beginning
var el2 = rangeClone.getCommonAncestor( true, true );
rangeClone.splitElement( el2 );

var html = '';
var newRange = CKEDITOR.instances.editor1.getSelection().getRanges()[ 0 ];
var children = newRange.cloneContents().getChildren();

var element;
for( var i = 0 ; i < children.count() ; i++ ) {
    element = children.getItem( i );
    html += element.$.innerHTML ? element.getOuterHtml() : '';
}

html将存储您的选择 HTML。

于 2012-10-19T12:06:13.317 回答