关于在线编辑器的问题,怎样获得选中文字并进行处理 本人最近在写一个在线编辑器,请教一下, 1.怎样进行复制、剪切、粘贴等操作; 2.怎样获取编辑框内的选中文字,然后在选中文字外边加些标签。 以上两点都必须兼容各主流浏览器,希望大牛指点!! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 lz 有发帖提问的时间,早在 google 百度上找到答案了 Google了很久了,没有找到较为理想的方案,如果楼上觉得简单,不妨指教一二 fckeditor我正在看,感觉它的代码比较繁杂,一下是关于剪贴板操作的部分:/*Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.For licensing, see LICENSE.html or http://ckeditor.com/license*//** * @file Paste as plain text plugin */(function(){ // The pastetext command definition. var pasteTextCmd = { exec : function( editor ) { var clipboardText = CKEDITOR.tools.tryThese( function() { var clipboardText = window.clipboardData.getData( 'Text' ); if ( !clipboardText ) throw 0; return clipboardText; }, function() { window.netscape.security.PrivilegeManager.enablePrivilege( "UniversalXPConnect" ); var clip = window.Components.classes[ "@mozilla.org/widget/clipboard;1" ] .getService( window.Components.interfaces.nsIClipboard ); var trans = window.Components.classes[ "@mozilla.org/widget/transferable;1" ] .createInstance( window.Components.interfaces.nsITransferable ); trans.addDataFlavor( "text/unicode" ); clip.getData( trans, clip.kGlobalClipboard ); var str = {}, strLength = {}, clipboardText; trans.getTransferData( "text/unicode", str, strLength ); str = str.value.QueryInterface( window.Components.interfaces.nsISupportsString ); clipboardText = str.data.substring( 0, strLength.value / 2 ); return clipboardText; } // Any other approach that's working... ); if ( !clipboardText ) // Clipboard access privilege is not granted. { editor.openDialog( 'pastetext' ); return false; } else editor.fire( 'paste', { 'text' : clipboardText } ); return true; } }; function doInsertText( doc, text ) { // Native text insertion. if ( CKEDITOR.env.ie ) { var selection = doc.selection; if ( selection.type == 'Control' ) selection.clear(); selection.createRange().pasteHTML( text ); } else doc.execCommand( 'inserthtml', false, text ); } // Register the plugin. CKEDITOR.plugins.add( 'pastetext', { init : function( editor ) { var commandName = 'pastetext', command = editor.addCommand( commandName, pasteTextCmd ); editor.ui.addButton( 'PasteText', { label : editor.lang.pasteText.button, command : commandName }); CKEDITOR.dialog.add( commandName, CKEDITOR.getUrl( this.path + 'dialogs/pastetext.js' ) ); if ( editor.config.forcePasteAsPlainText ) { // Intercept the default pasting process. editor.on( 'beforeCommandExec', function ( evt ) { if ( evt.data.name == 'paste' ) { editor.execCommand( 'pastetext' ); evt.cancel(); } }, null, null, 0 ); } }, requires : [ 'clipboard' ] }); function doEnter( editor, mode, times, forceMode ) { while ( times-- ) { CKEDITOR.plugins.enterkey[ mode == CKEDITOR.ENTER_BR ? 'enterBr' : 'enterBlock' ] ( editor, mode, null, forceMode ); } } CKEDITOR.editor.prototype.insertText = function( text ) { this.focus(); this.fire( 'saveSnapshot' ); var mode = this.getSelection().getStartElement().hasAscendant( 'pre', true ) ? CKEDITOR.ENTER_BR : this.config.enterMode, isEnterBrMode = mode == CKEDITOR.ENTER_BR, doc = this.document.$, self = this, line; text = CKEDITOR.tools.htmlEncode( text.replace( /\r\n|\r/g, '\n' ) ); var startIndex = 0; text.replace( /\n+/g, function( match, lastIndex ) { line = text.substring( startIndex, lastIndex ); startIndex = lastIndex + match.length; line.length && doInsertText( doc, line ); var lineBreakNums = match.length, // Duo consequence line-break as a enter block. enterBlockTimes = isEnterBrMode ? 0 : Math.floor( lineBreakNums / 2 ), // Per link-break as a enter br. enterBrTimes = isEnterBrMode ? lineBreakNums : lineBreakNums % 2; // Line-breaks are converted to editor enter key strokes. doEnter( self, mode, enterBlockTimes ); doEnter( self, CKEDITOR.ENTER_BR, enterBrTimes, isEnterBrMode ? false : true ); }); // Insert the last text line of text. line = text.substring( startIndex, text.length ); line.length && doInsertText( doc, line ); this.fire( 'saveSnapshot' ); };})();/** * Whether to force all pasting operations to insert on plain text into the * editor, loosing any formatting information possibly available in the source * text. * @name CKEDITOR.config.forcePasteAsPlainText * @type Boolean * @default false * @example * config.forcePasteAsPlainText = true; */而关于第二点,暂时还没看清楚,不过它关于selection部分写得很复杂,不知道有没有朋友做过编辑器的,指点一下小弟。 关于js学习效率的探讨 表单怎么设计,能具有输入下划线的功能 JavaBean的原理是是什么? 新手请教一个页面上.gif格式图片显示的问题 aspx下脚本问题 仿制下拉菜单问题 如何学习JAVA? 这段Javascript的类定义的方式真是没见过,有人能解释一下吗???? 运行时提示Automation服务器不能创建对象,如何解决? 问一下脚本的问题 如何让body onload函数只调用一次? 救命~~ select事件。
/*
Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*//**
* @file Paste as plain text plugin
*/(function()
{
// The pastetext command definition.
var pasteTextCmd =
{
exec : function( editor )
{
var clipboardText = CKEDITOR.tools.tryThese(
function()
{
var clipboardText = window.clipboardData.getData( 'Text' );
if ( !clipboardText )
throw 0;
return clipboardText;
},
function()
{
window.netscape.security.PrivilegeManager.enablePrivilege( "UniversalXPConnect" ); var clip = window.Components.classes[ "@mozilla.org/widget/clipboard;1" ]
.getService( window.Components.interfaces.nsIClipboard );
var trans = window.Components.classes[ "@mozilla.org/widget/transferable;1" ]
.createInstance( window.Components.interfaces.nsITransferable );
trans.addDataFlavor( "text/unicode" );
clip.getData( trans, clip.kGlobalClipboard ); var str = {}, strLength = {}, clipboardText;
trans.getTransferData( "text/unicode", str, strLength );
str = str.value.QueryInterface( window.Components.interfaces.nsISupportsString );
clipboardText = str.data.substring( 0, strLength.value / 2 );
return clipboardText;
}
// Any other approach that's working...
); if ( !clipboardText ) // Clipboard access privilege is not granted.
{
editor.openDialog( 'pastetext' );
return false;
}
else
editor.fire( 'paste', { 'text' : clipboardText } ); return true;
}
}; function doInsertText( doc, text )
{
// Native text insertion.
if ( CKEDITOR.env.ie )
{
var selection = doc.selection;
if ( selection.type == 'Control' )
selection.clear();
selection.createRange().pasteHTML( text );
}
else
doc.execCommand( 'inserthtml', false, text );
} // Register the plugin.
CKEDITOR.plugins.add( 'pastetext',
{
init : function( editor )
{
var commandName = 'pastetext',
command = editor.addCommand( commandName, pasteTextCmd ); editor.ui.addButton( 'PasteText',
{
label : editor.lang.pasteText.button,
command : commandName
}); CKEDITOR.dialog.add( commandName, CKEDITOR.getUrl( this.path + 'dialogs/pastetext.js' ) ); if ( editor.config.forcePasteAsPlainText )
{
// Intercept the default pasting process.
editor.on( 'beforeCommandExec', function ( evt )
{
if ( evt.data.name == 'paste' )
{
editor.execCommand( 'pastetext' );
evt.cancel();
}
}, null, null, 0 );
}
}, requires : [ 'clipboard' ]
}); function doEnter( editor, mode, times, forceMode )
{
while ( times-- )
{
CKEDITOR.plugins.enterkey[ mode == CKEDITOR.ENTER_BR ? 'enterBr' : 'enterBlock' ]
( editor, mode, null, forceMode );
}
} CKEDITOR.editor.prototype.insertText = function( text )
{
this.focus();
this.fire( 'saveSnapshot' ); var mode = this.getSelection().getStartElement().hasAscendant( 'pre', true ) ? CKEDITOR.ENTER_BR : this.config.enterMode,
isEnterBrMode = mode == CKEDITOR.ENTER_BR,
doc = this.document.$,
self = this,
line; text = CKEDITOR.tools.htmlEncode( text.replace( /\r\n|\r/g, '\n' ) ); var startIndex = 0;
text.replace( /\n+/g, function( match, lastIndex )
{
line = text.substring( startIndex, lastIndex );
startIndex = lastIndex + match.length;
line.length && doInsertText( doc, line ); var lineBreakNums = match.length,
// Duo consequence line-break as a enter block.
enterBlockTimes = isEnterBrMode ? 0 : Math.floor( lineBreakNums / 2 ),
// Per link-break as a enter br.
enterBrTimes = isEnterBrMode ? lineBreakNums : lineBreakNums % 2; // Line-breaks are converted to editor enter key strokes.
doEnter( self, mode, enterBlockTimes );
doEnter( self, CKEDITOR.ENTER_BR, enterBrTimes, isEnterBrMode ? false : true );
}); // Insert the last text line of text.
line = text.substring( startIndex, text.length );
line.length && doInsertText( doc, line ); this.fire( 'saveSnapshot' );
};
})();
/**
* Whether to force all pasting operations to insert on plain text into the
* editor, loosing any formatting information possibly available in the source
* text.
* @name CKEDITOR.config.forcePasteAsPlainText
* @type Boolean
* @default false
* @example
* config.forcePasteAsPlainText = true;
*/
而关于第二点,暂时还没看清楚,不过它关于selection部分写得很复杂,不知道有没有朋友做过编辑器的,指点一下小弟。