वेब एप्लिकेशन से ऑपरेटिंग सिस्टम क्लिपबोर्ड तक पहुंचें

आपको ब्राउज़र में सीधे वेब एप्लिकेशन पेज से ऑपरेटिंग सिस्टम क्लिपबोर्ड का उपयोग करने की आवश्यकता हो सकती है। जानकारी का थोड़ा अध्ययन करके, आप पा सकते हैं कि सुरक्षा नीति के कारण जावास्क्रिप्ट टूल का उपयोग करके सीधे HTML पृष्ठ से ऐसा करना असंभव है, विशेष रूप से, इसे लिखने के लिए हमलावरों द्वारा दुर्भावनापूर्ण उद्देश्यों के लिए उपयोग किया जा सकता है। कई वर्कअराउंड हैं, उनके बारे में कई लिंक और उदाहरण मिल सकते हैं।

विकल्प अवलोकन

व्यक्तिगत दृष्टिकोण

प्रत्येक ब्राउज़र का अपना संदर्भ मेनू होता है, जिसकी पृष्ठ तक पहुंच होती है और इसे पृष्ठ तर्क के शीर्ष पर कहा जा सकता है, और पृष्ठ तत्व के चयनित पाठ की प्रतिलिपि बनाने के मामले में। फ़ायरफ़ॉक्स में, यह मानक क्लिपबोर्ड हेल्पर प्लगइन के माध्यम से कार्यान्वित किया जाता है, इसलिए आप इसके साथ बातचीत कर सकते हैं। IE में window.clipboardData के माध्यम से सीधी पहुंच है, जो एक सुरक्षा उल्लंघन है। अन्य ब्राउज़रों में कोई विशिष्ट समाधान नहीं है।
कमियों
- प्रत्येक ब्राउज़र के लिए आपको अपना कार्यान्वयन लिखने की आवश्यकता होती है, और सामान्य रूप से सभी ब्राउज़रों के पास ऐसा अवसर नहीं होता है।

एडोब फ्लैश

फ्लैश (एक पुरानी सिद्ध विधि) का उपयोग करें, जो आपको क्लिपबोर्ड के साथ काम करने की अनुमति देता है। इसके लिए, उदाहरण के लिए, जावास्क्रिप्ट कोड ZeroClipBoard (एक js और एक swf फाइलें) बनाया गया था, जिसका उपयोग कई लोग तैयार किए गए समाधान के रूप में करते थे।
नुकसान :
- फ्लैश धीरे-धीरे एक अलोकप्रिय तकनीक बनता जा रहा है और एचटीएमएल 5 के आगमन के कारण मानक नहीं रह सकता है
- डिफ़ॉल्ट रूप से यह एक स्थानीय साइट के साथ काम करने की अनुमति नहीं देता है, आपको प्रत्येक उपयोगकर्ता के लिए इसके लिए फ़्लैश प्लेयर कॉन्फ़िगर करने की आवश्यकता है
- क्रॉस-डोमेन एक्सेस की अनुमति देने के लिए आपको "crossdomain.xml" का उपयोग करना होगा

Microsoft चांदी

सिल्वरलाइट का उपयोग करें, जो फ्लैश की तरह, आपको अपने संदर्भ के माध्यम से क्लिपबोर्ड का उपयोग करने की अनुमति देता है।
नुकसान :
- सिल्वरलाइट भी शुद्ध एचटीएमएल नहीं है, इसलिए इस तकनीक के प्रेमी इस समाधान से इनकार कर सकते हैं, लेकिन यह गति प्राप्त कर रहा है और लोकप्रिय हो रहा है।

सिल्वरलाइट के माध्यम से कार्यान्वयन

इस लेख में मैं तीसरे विकल्प के बारे में बात करूंगा, और हम DOM पेज तक पहुंचने और इसके विपरीत सिल्वरलाइट का उपयोग कर सकते हैं। ऐसा करने के लिए, सिल्वरलाइट साइड पर, हम बटन और टेक्स्ट फ़ील्ड का उपयोग करेंगे।
आप ऐसा क्यों पूछ रहे हैं? क्यों एक बटन और नहीं Ctrl + C? तथ्य यह है कि एक सिल्वरलाइट कंटेनर कीस्ट्रोकेक Ctrl + C को केवल तभी जवाब देगा यदि यह कीस्ट्रोक कंटेनर के अंदर है (सिल्वरलाइट ध्यान में है), और हमारे पास पृष्ठ पर कीस्ट्रोके है। दूसरे, सिल्वरलाइट में एक है, लेकिन क्लिपबोर्ड पर पहुंचते समय एक महत्वपूर्ण प्रतिबंध, यह किया जा सकता है, लेकिन केवल सिल्वरलाइट संदर्भ से और केवल उपयोगकर्ता के इनपुट से, अर्थात्। एक बटन को जावास्क्रिप्ट (निजी) से दुर्गम या किसी अन्य घटना को दबाया जाना चाहिए, अन्यथा यह जावास्क्रिप्ट से सीधे एक्सेस करने से अलग नहीं होगा (केवल सिल्वरलाइट विधि को कॉल करके)।
बटन क्लिपबोर्ड पर टेक्स्ट लिखेगा। लेकिन इस घटना को दिए गए पाठ को कैसे व्यक्त करें। ऐसा करने के लिए, आपको सबसे पहले यह पाठ प्राप्त करना होगा। आप जावास्क्रिप्ट विधि कह सकते हैं, जो चयनित पाठ को परिणाम के रूप में लौटाएगा। आप जावास्क्रिप्ट विधि को सिल्वरलाइट से कॉल कर सकते हैं और HtmlPage.Window.Invoke के माध्यम से पैरामीटर मान पास कर सकते हैं, लेकिन आप सीधे परिणाम प्राप्त नहीं कर सकते हैं, इसलिए मैंने एक पाठ फ़ील्ड का उपयोग किया जिसमें जावास्क्रिप्ट को परिणाम लिखा जा सकता है।

प्रक्रिया इस प्रकार है:

1. सिल्वरलाइट में बटन क्लिक करें
2. बटन विधि से जावास्क्रिप्ट विधि को कॉल करना, जो वांछित मूल्य को पढ़ता है और पाठ क्षेत्र को सिल्वरलिग में कॉपी करता है
3. जावास्क्रिप्ट विधि पर लौटें
4. सिल्वरलाइट बटन विधि पर लौटें
5. एक पाठ क्षेत्र से एक मूल्य पढ़ना और क्लिपबोर्ड पर लिखना।

चाँदी की ओर का

हम टाइप एप्लिकेशन के एक सिल्वरलाइट-प्रोजेक्ट बनाते हैं, जहां दो ऑब्जेक्ट हैं
App.xaml - आरंभीकरण
<आपका क्लिपबोर्ड वर्ग> .xaml - एक वर्ग जो क्लिपबोर्ड पर पहुंच को लागू करता है

आपकी कक्षा के पृष्ठ पर, हम दो नियंत्रण बनाते हैं - एक बटन जो क्लिपबोर्ड और एक अदृश्य फ़ील्ड पर कॉपी करने के लिए क्लिक करेगा। लेआउट उदाहरण

< Grid x:Name ="LayoutRoot" Background ="White" >
< Grid.RowDefinitions >
< RowDefinition />
</ Grid.RowDefinitions >
< Button Margin ="0,0,0,0" Click ="Copy" Content ="Copy" Height ="20" Width ="20" />
< TextBlock x:Name ="txtText" Margin ="0" Text ="{Binding Text}" Width ="0" Height ="0" />
</ Grid >

* This source code was highlighted with Source Code Highlighter .

और वर्ग का तर्क

[ScriptableType]
public partial class ClipBoardBase : UserControl
{
public string JavascriptFunctionName;
public ClipBoardBase()
{
InitializeComponent();
HtmlPage.RegisterScriptableObject( "silverlightClipBoard" , this );
JavascriptFunctionName = "" ;
}
[ScriptableMember]
public void CopyToTextEdit( string text)
{
txtText.Text = text;
}
[ScriptableMember]
private void Copy( object sender, RoutedEventArgs e)
{
HtmlPage.Window.Invoke(JavascriptFunctionName);
Clipboard.SetText(txtText.Text);
}
}

* This source code was highlighted with Source Code Highlighter .

[ScriptableType] और [ScriptableMember] - यदि आप उन्हें पृष्ठ से एक्सेस करना चाहते हैं, तो वर्ग और विधि के लिए आवश्यक है
HtmlPage.RegisterScriptableObject ("silverlightClipBoard", यह) - निर्दिष्ट नाम के तहत, पृष्ठ पर एक ऑब्जेक्ट पंजीकृत है और इसे एक्सेस किया जा सकता है (नीचे देखें)
JavascriptFunctionName - उस फ़ंक्शन का नाम जिसे क्लिपबोर्ड पर और कॉपी करने के लिए पाठ फ़ील्ड पर मान लिखने के लिए कहा जाता है।
CopyToTextEdit - पाठ क्षेत्र में परिणाम लिखने के लिए पृष्ठ से बुलाया जाएगा
कॉपी - एक बटन के क्लिक पर एक विधि, क्लिपबोर्ड पर अंतिम प्रतियों पर

यह वह सब है जो सिल्वरलाइट को चाहिए, परिणामस्वरूप आपको एक एक्सएपी फ़ाइल मिलती है - एक सिल्वरलाइट कंटेनर जिसे आपको सर्वर पर रखना होगा।

जावास्क्रिप्ट पक्ष

यह आवश्यक है:

• पृष्ठ पर सिल्वरलाइट ऑब्जेक्ट तैयार करें और बनाएं
• एक फ़ंक्शन तैयार करें और बनाएं जो पेज से बफर में कॉपी किए गए मूल्य को पढ़ेगा और इसे सिल्वरलाइट टेक्स्ट फ़ील्ड पर लिख देगा

Silverlight.js फ़ाइल का उपयोग Microsoft द्वारा आपूर्ति के अलावा किया जाता है

var silverlightdiv = document .createElement( 'div' );
b = new Object();
b.source = ' xap-' ;
b.properties = {};
b.properties.version = '4.0.50303' ;
b.parentElement = silverlightparent;
b.id = 'silverlightClipBoardElement' ;
b.initParams = 'JavascriptFunctionName=silverlightClipBoardCopyToEdit' ;
Silverlight.createObjectEx(b);
silverlightClipBoardElement = document .getElementById( 'silverlightClipBoardElement' );

* This source code was highlighted with Source Code Highlighter .

Silverlight.createObjectEx - पृष्ठ पर एक ऑब्जेक्ट बनाता है
b.source - xap फ़ाइल के सापेक्ष पथ
b.parentElement - मूल DOM तत्व
b.id - इस पर आप उस वस्तु को पा सकते हैं जिसमें कंटेनर स्थित है
b.initParams - प्रारंभिक पैरामीटर को क्लास के कंस्ट्रक्टर को पास किया जाएगा, जिसे 'की = = वेल्यू 1; की 2 = वैल्यू 2' के रूप में सेट किया जाएगा, उन्हें घटाया जा सकता है, इस तरह मैं उस फंक्शन का नाम पास करता हूं जो जावास्क्रिप्ट साइड पर काम करेगा।
silverlightClipBoardElement - किसी ऑब्जेक्ट तक पहुंचने के लिए एक वैश्विक चर
अन्य पैरामीटर हैं जिन्हें यहां पढ़ा जा सकता है।
और अब सिल्वरलाइट के साथ काम करने के लिए कार्य करते हैं

silverlightClipBoardCopyToEdit = function () {
var CopyValue;
// CopyValue
silverlightClipBoardElement.content.silverlightClipBoard.CopyToTextEdit(CopyValue);
};

* This source code was highlighted with Source Code Highlighter .

देखें कि आप किस तरह से विधि का उपयोग कर सकते हैं, इसके लिए, सिल्वरलाइट क्लीपबर्डईमेंट डोम ऑब्जेक्ट का उपयोग करें, जिसका नाम सिल्वरलाइट क्लीपबार्ड के तहत पंजीकृत वस्तु तक पहुंचने के लिए है (सिल्वरलाइट क्लास के निर्माता देखें), और फिर विधि के लिए, क़ीमती कॉपीवैल्यू पास करना।

संदर्भ

सिल्वरलाइट और जावास्क्रिप्ट इंटरेक्शन
सिल्वरलाइट से ओएस क्लिपबोर्ड के साथ काम करना