Zeroclipboard - 复制和格式化文本

发布于 2024-10-14 08:16:41 字数 1406 浏览 5 评论 0原文

我正在努力创建一个选择集以传递到 Zeroclipboard 客户端,以基本格式化的形式复制各种 HTML 元素的内容。我可以直接从变量 var myTextToCopy = "Hi, this is the text to copy!"; 将文本传递给客户端,但无法使 HTML 元素的文本内容起作用。

有人可以指出我哪里出错了吗?

<script src="_assets/js/ZeroClipboard.js" type="text/javascript"></script> 
      <script language="JavaScript">
                var clip = new ZeroClipboard.Client();
    var myTextToCopy = $(".sideInfo ul:first-child").text() + "\r\n" + $(".sideInfo ul:nth-child(2)").text() + "\r\n" + $(".sideInfo ul:nth-child(3)").text() + $('.description').text();
                clip.setText( myTextToCopy );
                clip.glue( 'copyme' );
        </script>


<div id="copyme">Copy To Clipboard</div>

    <div class="sideInfo">    
      <ul>
        <li>Episode: x</li>
        <li>Production house: x</li>
        <li>Contacts: Tim nicebutdim<br><a href="mailto:[email protected]">[email protected]</a></li>
      </ul>
    </div>

  <div class="description">
Text text texttext <br /> text text text</div>

I am struggling to create a selection set to pass through to a zeroclipboard client to copy the contents of the various HTML elemnts in a basically formatted form. I can pass through text to the client directly from the variable var myTextToCopy = "Hi, this is the text to copy!"; but cannot get the text content of HTML elements to work.

Can someone point out where I am going wrong?

<script src="_assets/js/ZeroClipboard.js" type="text/javascript"></script> 
      <script language="JavaScript">
                var clip = new ZeroClipboard.Client();
    var myTextToCopy = $(".sideInfo ul:first-child").text() + "\r\n" + $(".sideInfo ul:nth-child(2)").text() + "\r\n" + $(".sideInfo ul:nth-child(3)").text() + $('.description').text();
                clip.setText( myTextToCopy );
                clip.glue( 'copyme' );
        </script>


<div id="copyme">Copy To Clipboard</div>

    <div class="sideInfo">    
      <ul>
        <li>Episode: x</li>
        <li>Production house: x</li>
        <li>Contacts: Tim nicebutdim<br><a href="mailto:[email protected]">[email protected]</a></li>
      </ul>
    </div>

  <div class="description">
Text text texttext <br /> text text text</div>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

萌辣 2024-10-21 08:16:41

而不是

clip.setText( txt );

使用

clip.setText( myTextToCopy );

然后尝试使用

clip.setText($(".sideInfo").text());

最后将其添加到您的代码中

$(document).ready(function() {

// your code

)};

Instead of

clip.setText( txt );

use

clip.setText( myTextToCopy );

Then try to use

clip.setText($(".sideInfo").text());

Finally add this around your code

$(document).ready(function() {

// your code

)};
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文