ASP.NET MVC의 클립 보드에 복사 할 ZeroClipboard

내 ASP.NET 웹 페이지에 클립 보드 복사 기능을 추가하고 싶습니다. 내가 ZeroClipboard을 찾았지만 어떤 예제가 하나도 찾아 내지 못했습니다. 로컬 컴퓨터에서 작동하도록 할 수 있습니까? 아니면 테스트를 위해 서버에 업로드해야합니까?ASP.NET MVC의 클립 보드에 복사 할 ZeroClipboard

예제 링크를 보내주십시오.

출처

2013-02-25 DotnetSparrow

jQuery ZeroClipBoard은 아마 당신이 찾고있는 것입니다. ZeroClipBoard는 클립 보드 기능을 구현하기 위해 보이지 않는 Adobe Flash 무비를 사용합니다. 우리는이 프로젝트의 프로젝트에서 이것을 사용하고 있으며, 절대적으로 잘 작동합니다.

구현하기 쉽습니다. 플래시 파일을 다운로드하여 스크립트 폴더에 넣고 아래 단계를 따르십시오.

문서에 jQuery를하고 zClip을 추가

$(document).ready(function(){ 
    $('a#copy-description').zclip({ 
     path:'js/ZeroClipboard.swf', 
     copy:$('p#description').text() 
    }); 
    // The link with ID "copy-description" will copy 
    // the text of the paragraph with ID "description" 
    $('a#copy-dynamic').zclip({ 
     path:'js/ZeroClipboard.swf', 
     copy:function(){return $('input#dynamic').val();} 
    }); 
    // The link with ID "copy-dynamic" will copy the current value 
    // of a dynamically changing input with the ID "dynamic" 
});

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.zclip.js"></script>

출처

2013-02-25 14:32:06 ssilas777

은 http://code.google.com/p/zeroclipboard/ – DotnetSparrow

과 동일합니다. 둘 모두 클립 보드 기능을 위해 보이지 않는 플래시 무비를 사용합니다. 둘 다 동일하면 확실하지 않습니다. 그러나 이것은 구현하기가 쉽고 상당히 신뢰할 만하다. – ssilas777

안녕하세요 @ssilas : 코드가 잘 작동했습니다. 나는 한가지 문제가있다. jQuery UI에서 zclip을 사용하고 있습니다. 첫 번째 탭은 활성 상태이지만 두 번째 탭은 작동하지 않습니다. 이것에 어떤 해결책? – DotnetSparrow

The documentation에는 설정 방법에 대한 전체 예제가 있습니다. 당신의 main.js 내부

<html> 
    <body> 
     <button id="copy-button" data-clipboard-text="Copy Me!" title="Click to copy me.">Copy to Clipboard</button> 
     <script src="@Url.Content("~/scripts/ZeroClipboard.js")"></script> 
     <script type="text/javascript"> 
      var pathToSWF = '@Url.Content("~/scripts/ZeroClipboard.swf")'; 
     </script> 
     <script src="@Url.Content("~/scripts/main.js)""></script> 
    </body> 
</html>

그리고 다음을 : 우리는 당신이 Razor를 사용한다고 가정하면

// main.js 
var clip = new ZeroClipboard(document.getElementById("copy-button"), { 
    moviePath: pathToSWF 
}); 

clip.on('load', function(client) { 
    // alert("movie is loaded"); 
}); 

clip.on('complete', function(client, args) { 
    this.style.display = 'none'; // "this" is the element that was clicked 
    alert("Copied text to clipboard: " + args.text); 
}); 

clip.on('mouseover', function(client) { 
    // alert("mouse over"); 
}); 

clip.on('mouseout', function(client) { 
    // alert("mouse out"); 
}); 

clip.on('mousedown', function(client) { 
    // alert("mouse down"); 
}); 

clip.on('mouseup', function(client) { 
    // alert("mouse up"); 
});

출처

2013-02-25 14:30:16

텍스트를 복사 할 버튼과 텍스트 상자는 어디에 있습니까? – DotnetSparrow

마크 업을 의미합니까? 그리고 그것은 로컬로 작동하거나 서버에 uplaod 페이지가 필요합니까? – DotnetSparrow

1. 버튼이 내가 게시 한 마크 업 안에 있습니다. 2. 서버에 js 및 swf 파일이 있어야합니다. –

ASP.NET MVC의 클립 보드에 복사 할 ZeroClipboard

답변

관련 문제