如何更改复制文本的颜色

时间:2017-01-10 09:15:11

标签: javascript html css

复制文字我没有什么问题。在我的网站上,字体的颜色设置为白色:

body {
    color: #FFF;
}

〔实施例:

enter image description here

当我复制例如"节目列表"我想将它粘贴到Word,Lync文本是白色的。是否可以在外部程序中添加一些将此颜色更改为黑色的样式/ j?我知道就是粘贴选项"仅保留文字"但是什么用Lync?

@Update

这个javascript几乎是我预期的。问题在于IE。有什么想法吗?(在chrome 45.0.2454.101上测试)

 (function (container, defaultColor, copyColor) {
    selectedText = window.getSelection();

    $(container).keydown(function (e) {
        e = e || window.event;
        var key = e.which || e.keyCode;
        var ctrl = e.ctrlKey ? e.ctrlKey : ((key === 17) ? true : false);

        if (key == 67 && ctrl) {
            var range = getRange(selectedText);
            changeColor(range, selectedText, copyColor);
        }
    }).keyup(function (e) {
        var range = getRange(selectedText);

        if (range) {
            selectedText.removeAllRanges();
            selectedText.addRange(range);
        }
        changeColor(range, selectedText, defaultColor);
    });

    function getRange(text) {
        if (text.rangeCount && text.getRangeAt) {
            return text.getRangeAt(0);
        }
        return null;
    }

    function changeColor(range, selectedText, color) {
        document.designMode = "on";

        if (range) {
            selectedText.removeAllRanges();
            selectedText.addRange(range);
        }
        document.execCommand("ForeColor", false, color);
        document.designMode = "off";
    }
})("body", "white", "black");

6 个答案:

答案 0 :(得分:2)

您可以从任意位置复制粘贴链接,然后在Microsoft Word中选择已粘贴的文本,然后右键单击 - >粘贴选项 - >合并格式。我认为这可以解决你的问题。

答案 1 :(得分:1)

您可以在选择时重置文本,如下所示:

p.reset_selection {
  color: #FFF;
  background-color: #31727E;
  padding: 15px;
}
p.reset_selection::-moz-selection {
  background-color: #FFF;
  color: #000;
}
p.reset_selection::selection {
  background-color: #FFF;
  color: #000;
}
<p class="reset_selection">List of programs</p>

或者您可以使用Ctrl+Shift+V

在Lync中粘贴文本

或者您可以尝试使用PureText http://docs.sequelizejs.com/en/v3/docs/models-definition/#data-types来配置像Win+V这样的热键,只粘贴文字而不需要任何样式。

答案 2 :(得分:0)

::-moz-selection {
   background-color: #FFA;
   color: #000;
}

/* Works in Safari */

::selection {
   background-color: #FFA;
   color: #000;
}

答案 3 :(得分:0)

要将复制文本的颜色设置为黑色,您必须在代码中添加以下css:

::-moz-selection { /* For Firefox */
    color: #000;
}

::selection {
    color: #000;
}

它会将您选择的文字的颜色更改为#000,即黑色,然后您复制的文字会变为黑色。

答案 4 :(得分:0)

我相信你正在寻找OneSignal.startInit(this).setNotificationOpenedHandler(new OneSignal.NotificationOpenedHandler() { @Override public void notificationOpened(OSNotificationOpenResult result) { String launchURL = result.notification.payload.launchURL; if (launchURL != null) { Log.d(Const.DEBUG, "Launch URL: " + launchURL); Intent intent = new Intent(getApplicationContext(), WebViewActivity.class); intent.setFlags(Intent.FLAG_ACTIVITY_REORDER_TO_FRONT | Intent.FLAG_ACTIVITY_NEW_TASK); intent.putExtra("url", launchURL); startActivity(intent); } else { Log.d(Const.DEBUG, "Launch URL not found"); Intent intent = new Intent(getApplicationContext(), SplashActivity.class); intent.setFlags(Intent.FLAG_ACTIVITY_REORDER_TO_FRONT | Intent.FLAG_ACTIVITY_NEW_TASK); startActivity(intent); } } }).init(); 。您可以使用它来设置文本的颜色或所选区域的背景(在Chrome和其他一些浏览器中默认为蓝色:-))

答案 5 :(得分:0)

此代码解决了我的问题。

window.onload = function () {
document.addEventListener('copy', function (e) {
    selectedText = window.getSelection().toString();
    if (window.clipboardData) {
        window.clipboardData.setData("Text", selectedText);
    } else {
        e.clipboardData.setData('text/plain', selectedText);
    }

    e.preventDefault(); 
});}