tinymce官方有一个插件叫powerpaste（官方收费）,找到资源后，把他引入到plugins下，并在tinymce下的index文件中把他引入：

initTinymce() {
        const _this = this
        window.tinymce.init({
          language: 'zh_CN',
          plugins: ['powerpaste', plugins],
          powerpaste_word_import: 'merge', // 参数可以是propmt, merge, clear
          powerpaste_html_import: 'merge', // propmt, merge, clear
          powerpaste_allow_local_images: true,//允许带图片
        })
   }

 

使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下：
 
1、取消验证
windows–>perferences–>validation
把 除了manual 下面的全部点掉，build下只留 classpath dependency Validator
 
2、关闭拼写检查
windows–>perferences–>general–> editors->Text Editors->spelling
 
3、对于MyEclipse来讲，修改JSP页面时的编辑工具 
 Window > perferences > General > Editors > File Associations > 
在File types 中选择 *.jsp > 在Associated editors 中将"MyEclipse JSP Editor"设置为默认。 
 
4、杜绝jar包访问网络
当用eclipse或myeclipse编辑JSP时，使用智能提示将可能导致ide卡死。
这是因为eclipse提示时会根据JAR包指定的javadoc location访问网络。
解决方法：window-->preferences-->java-->installed JREs，编辑使用的jre,把rt.jar和charsets.jar的javadoc location设置为空（none）即可。当然也可以去下载javadoc到本机，进行相关设置也可以解决。
另外：把自己项目中所有用到的jar包，都作同样处理。
 
5、修改打开链接的快捷键
最近在MyEclipse中编辑代码时，使用快捷键进行复制粘贴，经常会导致编辑器短暂的停顿，光标不跟随，居然反应不过来，几近假死。
想来想去应该是编辑上的什么配置或者是IDE的什么功能导致，于是进入Preferences查找edit功能，进行一个个的测试，最后发现原来是代码的超链功能导致。
进入方法：Window -> Preferences -> General -> Editors -> Text Editors -> Hyperlinking
把超链的快捷键改为其他键比如Alt（不能改为shift）
说明：在Eclipse中，经常可以使用Ctrl+鼠标单击，可以直接将编辑界面引导到相关的方法，属性，或者类。
这个功能确实非常好用，但是由于复制粘贴的功能快捷键也是Ctrl，以致我在快速进行操作的时候，Eclipse反应不过来，无法分析我的操作，现在只需要改变一个其他的快捷
原网页地址：http://liyanblog.cn/articles/2013/03/28/1364464592117.html#6555527-youdao-1-342-6bf3f08145fcae5f9805082906cbbf15
 
6、修改项目的.project文件
eclipse中默认js编辑器非常慢,尤其在拷贝粘贴代码时的解决方法
使用的是官网标准版的eclipse3.9 for javaEE未装任何插件,写JS时卡的简直无法忍受,尝试去掉所有的validate,包括菜单和项目属性中的都无作用,后来在项目根目录..project中发现以下红色行居然Validator都还在,把红色对应的配置段全部删去后,问题解决,编辑JS再也不似蜗牛了.
 
  <buildSpec>
  <buildCommand>
   <name>org.eclipse.ui.externaltools.ExternalToolBuilder</name>
   <triggers>full,incremental,</triggers>
   <arguments>
    <dictionary>
     <key>LaunchConfigHandle</key>
     <value>&lt;project&gt;/.externalToolBuilders/org.eclipse.wst.jsdt.core.javascriptValidator.launch</value>
    </dictionary>
   </arguments>
  </buildCommand>
  <buildCommand>
   <name>org.eclipse.jdt.core.javabuilder</name>
   <arguments>
   </arguments>
  </buildCommand>
  <buildCommand>
   <name>org.eclipse.wst.common.project.facet.core.builder</name>
   <arguments>
   </arguments>
  </buildCommand>
  <buildCommand>
   <name>org.eclipse.ui.externaltools.ExternalToolBuilder</name>
   <triggers>full,incremental,</triggers>
   <arguments>
    <dictionary>
     <key>LaunchConfigHandle</key>
     <value>&lt;project&gt;/.externalToolBuilders/org.eclipse.wst.validation.validationbuilder.launch</value>
    </dictionary>
   </arguments>
  </buildCommand>
 </buildSpec>
 <natures>
  <nature>org.eclipse.jem.workbench.JavaEMFNature</nature>
  <nature>org.eclipse.wst.common.modulecore.ModuleCoreNature</nature>
  <nature>org.eclipse.wst.common.project.facet.core.nature</nature>
  <nature>org.eclipse.jdt.core.javanature</nature>
 
<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
 </natures>
原文链接：http://blog.csdn.net/bell2008/article/details/8758290
 
7、调整Eclipse运行内存。
在eclipse的安装目录下用EditPlus编辑eclipse.ini文件，将其中的参数改成： 
-vmargs
-Dosgi.requiredJavaVersion=1.6
-Xms512m
-Xmx512m
-XX:PermSize=256M 
-XX:MaxPermSize=256M
-XX:-UseGCOverheadLimit

最近在做一个后台管理，测试阶段我们前端发现他在秀米上设计好板式复制到我们的编辑器上时样式发生了一些变化，需要我去处理一下。
在做了一些测试后发现是由于编辑器自动过滤了一些HTML代码引起的，在查阅了一些资料后发现使我们编辑器的问题，我们用的是KindEditor，据官方文档：4.1.1版本开始默认开启白名单过滤，只能使用htmlTags里定义的HTML标签和属性，其它标签和属性会被编辑器过滤。也就是说
像这样的代码：

<table class="shoptable ke-zeroborder" border="0" cellspacing="0" cellpadding="0" width="464" align="left">
读取的内容就会被过滤为：
    <table border="0" cellspacing="0" cellpadding="0" width="705" align="left">
我的解决办法是在引用编辑器的HTML中加入如下代码：
<script>
$(function() {
 KindEditor.options.filterMode = false;
 var editor = KindEditor.create('#content');
});
</script>
将他默认的过滤设置为FALSE。
经测试后是没问题的，希望能给大家一些帮助。

转载：http://www.5180it.com/bbs/admin/1/98.html

 

在使用summernote过程中，经常会上传图片，但如果我们每次都点击上传图片，使用起来不是特别方便。



现在希望能够直接复制粘贴图片，说做就做，一下是我从网上找到的例子

 

其中样式 note-editable 是summernote自动生成出来

//summernote

//监听粘贴图片

document.getElementsByClassName('note-editable')[0].addEventListener('paste',function(e){

    if ( !(e.clipboardData && e.clipboardData.items) ) {

        return;

    }

    for (var i = 0, len = e.clipboardData.items.length; i < len; i++) {

        var item = e.clipboardData.items[i];

 

        if (item.kind === "string") {

            item.getAsString(function (str) {

                console.log(str);

            })

        } else if (item.kind === "file") {

            var f= item.getAsFile();

parseFile(f, 800,function(base64){

$.post("/manager/uploadImg",{"imgStr":base64},function(data){

$('#summernote').summernote('editor.insertImage', data.msg);

          });

})

            console.log(f);

        }

    }

});

 这里说明一下这个parseFile方法，就是将图片转化为base64编码，并压缩base64编码，然后上传到服务器。

代码我也贴出来吧：

 

 这里说明一下这个parseFile方法，就是将图片转化为base64编码，并压缩base64编码，然后上传到服务器。

代码我也贴出来吧：

//压缩方法

function parseFile(file, w,callBack) {

 var reader = new FileReader();

 reader.readAsDataURL(file);

 reader.onload = function(e){

  var newImage = new Image();

  var quality = 0.7; //压缩系数0-1之间

  newImage.src = reader.result;

  console.log("原来长度",reader.result.length)

  newImage.setAttribute("crossOrigin", 'Anonymous'); //url为外域时需要

  var imgWidth, imgHeight;

  newImage.onload = function () {

   imgWidth = this.width;

   imgHeight = this.height;

   var canvas = document.createElement("canvas");

   var ctx = canvas.getContext("2d");

   if (Math.max(imgWidth, imgHeight) > w) {

    if (imgWidth > imgHeight) {

     canvas.width = w;

     canvas.height = w * imgHeight / imgWidth;

    } else {

     canvas.height = w;

     canvas.width = w * imgWidth / imgHeight;

    }

   } else {

    canvas.width = imgWidth;

    canvas.height = imgHeight;

    quality = 0.7;

   }

   ctx.clearRect(0, 0, canvas.width, canvas.height);

   ctx.drawImage(this, 0, 0, canvas.width, canvas.height);

   var base64 = canvas.toDataURL("image/jpeg", quality); //压缩语句

   // 如想确保图片压缩到自己想要的尺寸,如要求在50-150kb之间，请加以下语句，quality初始值根据情况自定

   while (base64.length / 1024 > 100) {

     quality -= 0.01;

     base64 = canvas.toDataURL("image/jpeg", quality);

   }

   // 防止最后一次压缩低于最低尺寸，只要quality递减合理，无需考虑

   // while (base64.length / 1024 < 50) {

   // quality += 0.001;

   // base64 = canvas.toDataURL("image/jpeg", quality);

   // }

   console.log("压缩后长度",base64.length)

   callBack(base64)

  }

 }

}

该例子没有将Base64转为file的例子，我也找了个例子出来

import java.io.ByteArrayInputStream;

import java.io.File;

import java.io.FileOutputStream;

import java.io.IOException;

import java.io.InputStream;

import org.springframework.web.multipart.MultipartFile;

 

public class BASE64DecodedMultipartFile implements MultipartFile {

 

 private final byte[] imgContent;

 private final String header;

 

 public BASE64DecodedMultipartFile(byte[] imgContent, String header) {

  this.imgContent = imgContent;

  this.header = header.split(";")[0];

 }

 

 @Override

 public String getName() {

  return System.currentTimeMillis() + Math.random() + "." + header.split("/")[1];

 }

 

 @Override

 public String getOriginalFilename() {

  return System.currentTimeMillis() + (int) Math.random() * 10000 + "." + header.split("/")[1];

 }

 

 @Override

 public String getContentType() {

  return header.split(":")[1];

 }

 

 @Override

 public boolean isEmpty() {

  return imgContent == null || imgContent.length == 0;

 }

 

 @Override

 public long getSize() {

  return imgContent.length;

 }

 

 @Override

 public byte[] getBytes() throws IOException {

  return imgContent;

 }

 

 @Override

 public InputStream getInputStream() throws IOException {

  return new ByteArrayInputStream(imgContent);

 }

 

 @Override

 public void transferTo(File file) throws IOException, IllegalStateException {

  new FileOutputStream(file).write(imgContent);

 }

}

 

import org.springframework.web.multipart.MultipartFile;

import sun.misc.BASE64Decoder;

 

public class Base64StrToImage {

 

 public static MultipartFile base64MutipartFile(String imgStr) {

  try {

   String[] baseStr = imgStr.split(",");

   BASE64Decoder base64Decoder = new BASE64Decoder();

   byte[] b = new byte[0];

   b = base64Decoder.decodeBuffer(baseStr[1]);

   for (int i = 0; i < b.length; ++i) {

    if (b[i] < 0) {

     b[i] += 256;

    }

   }

   return new BASE64DecodedMultipartFile(b, baseStr[0]);

  } catch (Exception e) {

   e.printStackTrace();

   return null;

  }

 }

}

 

通过下面的方法，我们就可以转为我们平时上传使用的MultipartFile了

         BASE64DecodedMultipartFile base64DecodedMultipartFile = null;

            if(StringUtils.isNotEmpty(imgStr)){

               base64DecodedMultipartFile = (BASE64DecodedMultipartFile) Base64StrToImage.base64MutipartFile(imgStr);

            }



在使用的过程中，我发现粘贴是可以的，但粘贴出来的图片会有两个，一个是原base64的图片，另外一个是上传到服务器返回地址的图片

 

这是就想可能的没有覆盖到原来的方法，导致重复了，以下是我修改后的例子

$(".summernote").summernote({

            height: '450px',

            //设置Dialog淡入淡出效果

            dialogsFade: true,

            fontNames: ['宋体', '微软雅黑', '楷体', '黑体', '隶书', 'Arial', 'Arial Black', 'Comic Sans MS', 'Courier New',

                'Helvetica Neue', 'Helvetica', 'Impact', 'Lucida Grande',

                'Tahoma', 'Times New Roman', 'Verdana'],

            lang: 'zh-CN',

            toolbar: [

                ['style', ['style']],

                ['font', ['bold']],

                ['color', ['color']],

                ['insert', ['myphoto']],

                ['view', ['fullscreen']]

            ],

            buttons: {

                myphoto: selectImageButton //自已定义的按钮函数

            },

            callbacks: {

             //onPaste粘贴需要重写，否则粘贴图片时出现重复的图片

             onImageUpload:function(e){

              //console.info("onImageUpload>>>>>>>>");

             },

                onPaste: function (ne) {

                     //ne.preventDefault ? ne.preventDefault() : (ne.returnValue = false);

                     var returnFlag = true;

                     var t_clipboardData;

                     if(typeof ne.clipboardData !='undefined'){

                      returnFlag = false;

                      t_clipboardData = ne.clipboardData;

                     }

                     if(typeof ne.originalEvent.clipboardData !='undefined'){

                      returnFlag = false;

                      t_clipboardData = ne.originalEvent.clipboardData;

                     }

                     if(typeof window.clipboardData !='undefined'){

                      returnFlag = false;

                      t_clipboardData = ne.originalEvent.clipboardData;

                     }

                     if(returnFlag){

                      return;

                     }

                     if(t_clipboardData==null||typeof t_clipboardData =='undefined'){

                      return;

                     }

                   for (var i = 0, len = t_clipboardData.items.length; i < len; i++) {

                       var item = t_clipboardData.items[i];

                       if (item.kind === "file") {

                           var f= item.getAsFile();

                           parseBase64File(f, 800,function(base64){

                       var formData = new FormData();

                        formData.append("imgStr", base64);

                           $.ajax( {

                               url : "/file/image/uploadImgStr",

                            data: formData,

                               type: 'post',

                               cache: false,contentType: false,processData: false,

                               beforeSend: function () {

                                   $.modal.loading("上传中，请稍后...");

                               },

                               success : function(result) {

                                $.modal.closeLoading();

                                   if (result.code == web_status.SUCCESS) {

                                    $('#summernote').summernote('editor.insertImage', result.path);

                                    $.modal.msgSuccess('上传成功')

                                   }else{

                                 $.modal.msgWarning(result.msg)

                                   }

                               },

                               error: function(data){

                                $.modal.closeLoading();

                                   $.modal.alertError("上传失败，HTTP错误。");

                               }

                           });

                  })

                       }

                   }

 

                }

            }

        })

转载：http://www.5180it.com/bbs/admin/1/98.html