У меня есть небольшие проблемы с копированием текста. На моем сайте цвет шрифта установлен на белый:

body {
    color: #FFF;
}

Пример:

enter image description here

Когда я копирую, например, «Список программ» и хочу вставить его в Word, текст Lync будет белым. Можно ли добавить некоторые стили / js, которые меняют этот цвет на черный во внешних программах? Я знаю, в слове есть опция вставки "Сохранить текст только", но что с Lync?

@Обновить

Этот 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");
1
Mroczny Arturek 10 Янв 2017 в 12:15

6 ответов

Лучший ответ

Этот код решил мою проблему.

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(); 
});}
1
Mroczny Arturek 11 Янв 2017 в 10:42

Вы можете сбросить текст, выбрав следующее:

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>

Или вы можете вставить текст в Lync, используя Ctrl+Shift+V

Или вы можете попробовать PureText, с помощью которого вы можете настроить горячую клавишу, например Win+V, чтобы вставлять текст только без любой стиль.

1
Rashy 10 Янв 2017 в 10:02

Вы можете скопировать и вставить ссылку из любого места, затем в своем слове Microsoft выберите текст, который вы вставили, и затем щелкните правой кнопкой мыши -> Параметры вставки -> Объединить форматирование. Я думаю, что это решит вашу проблему.

2
Basha Khan 10 Янв 2017 в 09:30

Чтобы получить черный цвет копируемого текста, вы должны добавить следующий код в ваш код:

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

::selection {
    color: #000;
}

Он изменит цвет текста, который вы выбираете, на # 000, т.е. черный, а текст, который вы скопировали, будет черного цвета.

0
Prashant Kapoor 10 Янв 2017 в 09:23
::-moz-selection {
   background-color: #FFA;
   color: #000;
}

/* Works in Safari */

::selection {
   background-color: #FFA;
   color: #000;
}
0
Prasad Khode 10 Янв 2017 в 09:39

Я полагаю, вы ищете ::selection. Вы можете использовать его для установки цвета текста или фона выбранной области (по умолчанию синий цвет в chrome и некоторых других браузерах :-))

0
Neville 10 Янв 2017 в 09:25