使用javascript for phonegap复制到剪贴板

时间:2013-08-21 15:18:03

标签: javascript cordova

我正在使用javascript / mobile-jquery接口为phonegap平台开发应用程序。现在我在网上看到了很多试图复制到剪贴板的例子,不幸的是它们都没有为我工作。我对浏览器中的功能不感兴趣,只要它通过电话间隙转换后就可以工作了,我很高兴。

我尝试过使用zeroclipboard,它没有锻炼,我试过使用剪贴板管理器无法让它工作。我尝试了很多其他的例子,我在这里找到了stackoverflow,包括google搜索,但它们仍然没有用,这里有一个我尝试过的例子:

window.plugins.clipboardManager.copy(
                "the text to copy",
                function(r){alert("copy is successful")},
                function(e){alert(e)}
            );

我已经包含了js文件:

    <script src="src/clipboardmanager.js"></script>

我在文件夹结构中也有java文件:src\com\saatcioglu\phonegap\clipboardmanager\ClipboardManagerPlugin.java

根据我的阅读,我需要包含一个xml文件才能使用,但是对于我来说,我无法在任何地方找到该XML文件。

非常感谢任何帮助。

注意:我的应用不需要相机,gps等权限......

编辑:

我尝试的另一个例子是:

function select_all(obj) {
    var text_val=eval(obj);
    text_val.focus();
    text_val.select();
    if (!document.all) return; // IE only
    r = text_val.createTextRange();
    r.execCommand('copy');
}

这适用于IE,但不适用于Phonegap。

编辑:

这是我正在使用的html / javascript:

<html>
    <head>
        <title>Test</title>
            <link rel="stylesheet" href="jquery/jquery.mobile-1.3.1.min.css" />
        <script src="jquery/jquery-1.9.1.min.js"></script>
        <script src="jquery/jquery.mobile-1.3.1.min.js"></script>
            <script src="clipboardmanager.js"></script>
        <script>
                var cbm = new window.plugins.clipboardManager;
                function main(textMessage)
                {
            //Some Code before this (calculations)
                    cbm.copy(
                        "Success!!!",
                        function(r){alert("copy is successful")},
                        function(e){alert(e)}
                    );
                }
            </script>
        </head>
        <body>
        <div data-role="page" id="main" name="main">
            <div data-role="header">
                <h1>Test</h1>
                </div><!-- /header -->

            <div data-role="content">
                <form action="javascript:main(encryptedMessage.value);">
                    Message to be Copied:
                    <textarea id="encryptedMessage" name="encryptedName" rows="6" style="width:99%;"></textarea>
                    <input type="submit" value="Encrypt" />
                </form>
                </div>
        </div>
    </body>
</html>

在我的根文件夹中,我有:

  1. 一个名为jquery的文件夹,里面有jquery脚本。
  2. 一个名为res的文件夹,它有一个名为xml的文件夹,它有一个文件 名为plugin.xml
  3. 一个名为src的文件夹,它有一个名为com的文件夹,它有一个 名为saatcioglu的文件夹,其中有一个名为phonegap的文件夹 有一个名为clipboardmanager的文件夹,它有一个名为的文件 ClipboardManagerPlugin.java。
  4. 的test.html
  5. clipboardmanager.js
  6. plugin.xml的内容

    <?xml version="1.0" encoding="utf-8"?>
    <plugins>
        <gap:plugin name="clipboardmanager" value="com.saatcioglu.phonegap.clipboardmanager.ClipboardManagerPlugin.ClipboardManagerPlugin" />
    </plugins>
    

    我做错了什么?

2 个答案:

答案 0 :(得分:6)

首先:由于PhoneGap使用Webkit(想想:Safari和/或Chrome),因此IE选项无法在Android上运行。

总之...

您要查找的文件(在项目目录的“/ res / xml /”子目录中)被称为

config.xml

在那里,你必须告诉phonegap在编译时加载插件,就像这样......

<gap:plugin name="whatever" value="com.example.whatever" />

如果你不这样做,phonegap将不会在编译时包含插件,导致你的插件无法正常工作(因为它在编译的 apk )。

我还没有使用过ClipboardManagerPlugin,但根据文档,它应该有点像这样:

<gap:plugin name="clipboardmanager" value="com.saatcioglu.phonegap.clipboardmanager.ClipboardManagerPlugin.ClipboardManagerPlugin" />

请注意,您应该检查您正在使用的PhoneGap版本以及该插件是否兼容。万一你不知道它:并非所有插件都已更新,以便与PhoneGap 3.x一起使用。引用自述文件at Github (https://build.phonegap.com/docs/plugins-using)“除非明确声明,否则大多数这些插件可以使用Cordova / PhoneGap 3.xx开箱即用他们需要更新才能通过plugin add界面使用。“

答案 1 :(得分:5)

e-sushi's instructions对我不起作用。

为了让插件运行,我使用了以下命令:

phonegap local plugin add https://github.com/VersoSolutions/CordovaClipboard

然后在JS中添加以下命令:

cordova.plugins.clipboard.copy(text);