如何从excel复制表格到html?

Question

放个可编辑的iframe/div，从excel复制粘贴到编辑器里面可以显示为表格形式，你获取里面的html进行后续处理不过获取html的时机不太好掌握，ctrl+v可以判断键盘，但是点击右键，不知道操作者哪时会执行粘贴操作，所以你可以建议你老板用ctrl+v粘贴，禁用右键
<div contenteditable="true" oncontextmenu="return false" style="height:200px;width:350px;border:solid 1px black" onkeyup="checkKey(this,event)"></div>
<script>
    function checkKey(div,e) {
        if (e.ctrlKey && e.keyCode == 86) {//ctrl+v
            alert(div.innerHTML)
        }
    }
</script>

Answer 1

不愧是版主!不过还需要具体的问一下,"从excel复制粘贴到编辑器里面"这个操作是怎么做的?业务上我不能让用户就那么往div里粘东西,要做的像一些.
我看到IE有"window.clipboardData.getData"这个函数,如果chrom也有类似的方法就好了.

Answer 2

不愧是版主!不过还需要具体的问一下,"从excel复制粘贴到编辑器里面"这个操作是怎么做的?业务上我不能让用户就那么往div里粘东西,要做的像一些.
我看到IE有"window.clipboardData.getData"这个函数,如果chrom也有类似的方法就好了.
这个控制不了，而且js能从IE剪贴板获取到的也只是文本的，不发获取富文本内容。除非你做插件，同1#说的，不过这个开发难度比较大了。所以要你处理下粘贴进编辑器里面的内容

Answer 3

不愧是版主!不过还需要具体的问一下,"从excel复制粘贴到编辑器里面"这个操作是怎么做的?业务上我不能让用户就那么往div里粘东西,要做的像一些.
我看到IE有"window.clipboardData.getData"这个函数,如果chrom也有类似的方法就好了.
这个控制不了，而且js能从IE剪贴板获取到的也只是文本的，不发获取富文本内容。除非你做插件，同1#说的，不过这个开发难度比较大了。所以要你处理下粘贴进编辑器里面的内容哦,这个意思啊,就是说要获取文字style什么的就需要先粘进去再处理才能搞定,知道了.☆还有一个问题啊,如果想从chrom的剪贴板获取文字应该怎么弄???

Answer 4

chrome没发现有提供剪贴板的功能，就算你找到也不通用，要设置浏览器，ie要是设置过浏览器你照样用不了剪贴板

Answer 5

俺找到了临时的解决办法: divObject.onpaste=function(e){
var data = null;
if(typeof window.clipboardData !="undefined"){
data = window.clipboardData.getData('Text');
}else{
e.preventDefault();
data = e.clipboardData.getData("text");
}
}这样取出来的data就装载了剪贴板的字符串.
谢谢你们这些人,没你们我真不知道去哪里去问这些个问题.

Answer 6

不对啊,下面这个网站的sample怎么也不提醒权限问题就直接可以粘贴啊???
http://warpech.github.io/jquery-handsontable/index.html

Answer 7

他那个不是从复制粘贴好不，和easyui一样，通过服务器获取资源后重新绘制表格，楼主搞清楚情况先

Answer 8

它是真实存在滴啊,大侠,你在execl上先复制上东西,然后,在那个sample上选中表格,然后{ctl}+{v}就把东西粘上去鸟,木经过服务器啊大侠.........
求大侠指条明路啊

Answer 9

我终于知道了,它那是隐藏了个div,然后用户按【ctl】的话就select住,再往上粘内容的.....,表面上看不出来.