我可以从Word粘贴纯文本并在CKEditor中启用粗体,斜体按钮吗?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我可以从Word粘贴纯文本并在CKEditor中启用粗体,斜体按钮吗?相关的知识,希望对你有一定的参考价值。

在粘贴到CKEditor 4.7.3时,我希望Word中的文本被删除所有格式。当我启用了Bold或Italic按钮时,CKEditor将允许在从Word粘贴时保留Bold和Italic。如果我从CKEditor中删除按钮,则删除粗体和斜体格式。

http://jsfiddle.net/xfvrA/472/

    CKEDITOR.replace( 'editor', {
    forcePasteAsPlainText: true,
    removePlugins: 'PasteFromWord',
    toolbar : [
    { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] },
    { name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste', 'PasteText',  '-', 'Undo', 'Redo' ] },
    '/',
    { name: 'basicstyles', items: [ 'Bold', 'Italic' ] }

],
    on: {
        change: function( evt ) {
            console.log( evt ); 
            CKEDITOR.dom.element.createFromhtml( '<p style="color:red">Editor contents changed!</p>' ).appendTo( CKEDITOR.document.getBody() );
答案

对我有用的唯一方法是在粘贴事件中使用replace删除所有标记。

CKEDITOR.on('instanceReady', function(ev) {
  ev.editor.on( 'paste', function( evt ){
    evt.data.dataValue = evt.data.dataValue.replace( /<[^>]*?>/g, '' );   
  } );
});

http://jsfiddle.net/3312njyu/1/

以上是关于我可以从Word粘贴纯文本并在CKEditor中启用粗体,斜体按钮吗?的主要内容,如果未能解决你的问题,请参考以下文章

ckeditor编辑器粘贴Excel、word表格表格样式丢失

从MS Word复制并粘贴到CKEditor中

ckeditor+粘贴word

ckeditor粘贴word图片且图片自动上传组件

在jsp中使用ckeditor时无法显示从word中粘贴过来的图片,

vue-ckeditor-word粘贴