How Does Financial Times Add A Disclaimer When Pasting Text?

September 27, 2023 Post a Comment

Here is an example of what happens when pasting text from Financial Times, the top paragraph is added. Thanks in advance! Example: Please respect FT.com's ts&cs and copyright

Solution 1:

As already previously mentioned, modifying the clipboard data is either restricted to specific browsers or requires the user to grant access to modifying the clipboard. A work around to this you could

Add an event handler to the oncopy event
Find the selection
Prepend/append content to the content
Modify the selection range to include the appended/prepended content
Wait for the copy action to push through
Remove the appended/prepended content

I fiddled about with this method and created a plugin which does just that. Still a preliminary version and only tested on FF4/Chrome 11/IE8 so far (and IE definetly needs to have some more work done). Some of the nice things you can do with this method is that you could easily for example wrap forum post quotes in [quote=USER]content[/quote] and assign the user based on which post is copied. By default, the script always selects the DOM styling, but not the actual HTML, so if you for example copy bold content, it would be bold if pasted into a rich text editor, but just text if used in text only editors (removing the html tags).

Prepending content is significantly easier with this method, compared to appending, in which case I still am not sure whether it is fully functional. For IE, you could directly modify the clipboard, but there are some issues for example when selecting the whole page, or if you want to toggle the rich copy content. Haven't had the chance to do any further browser testing, but this appears to be at least a working solution for newer browsers.

Example: http://hertzen.com/experiments/jquery.plugin.clipboard/

Another example: http://hertzen.com/experiments/jquery.plugin.clipboard/thread.html

Source code: https://github.com/niklasvh/jquery.plugin.clipboard

Solution 2:

You implement a handler for the oncopy event. By manipulating the clipboardData object, you can change the copied text.

Solution 3:

Webmaster use Javascript for that.

Check file http://media.ft.com/j/FTTrack2.js

FT.Tynt={
    initTynt:function(){
        varTynt=Tynt||[];
        Tynt.push('cqolxGrS4r34rIadbiUt4I');
        Tynt.i={
            "cc":"0",
            "b":true,
            "ap":"Please respect FT.com's <a href='http://www.ft.com/servicestools/help/terms'>ts&amp;cs</a> and <a href='http://www.ft.com/servicestools/help/copyright'>copyright policy</a> which allow you to: share links; copy content for personal use; &amp; redistribute limited extracts. Email ftsales.support@ft.com to buy additional rights or use this link to reference the article -",
            "t":true
        }

Solution 4:

This is something you can achieve via a jQuery plugin named jquery copy. Here's an example using the p selector.

$("p").click(function() {
    $.copy($(this).text() + " Disclaimer goes here!");
});

Solution 5:

They use JavaScript which can be found in the following file:

http://media.ft.com/j/FTTrack2.js

javascript edu