वर्डप्रेस विजेट के लिए "लिंक जोड़ें" का उपयोग कैसे करें

Question

वर्डप्रेस के WYSIWYG एडिटर में आप किसी टेक्स्ट के लिए लिंक जोड़ना चाहते हैं तो आप पॉप अप हो जाते हैं। क्या इस कार्यक्षमता तक पहुंचने की संभावना है? क्योंकि मैं इस पॉप अप को वर्डप्रेस विजेट के लिए उपयोग करना चाहता हूं जो मैंने बनाया है ताकि आप बैकएंड में कॉन्फ़िगर करने पर विजेट के लिंक जोड़ सकें।

यहाँ एक स्क्रीनशॉट है जो मेरा मतलब है:

Answer 1

मैंने थोड़ी कोशिश की और पूरी तरह से काम करने के लिए इसे प्राप्त नहीं कर सका, लेकिन यह करीब है, <form>पॉपअप शैलियों के लिए हार्डकोड किया जाना मुश्किल है , और अधिक काम के साथ संभव है।

आरंभ करने के लिए आप कर सकते हैं:

लिंक पॉपअप जावास्क्रिप्ट और शैलियों को संलग्न करें, मुख्य .js फ़ाइल है wp-includes/wplink.js। इस बात पर निर्भर करता है कि आप इसे कहाँ से लोड कर रहे हैं, इसके लिए आपको अधिक या कम स्क्रिप्ट / शैली जोड़ने की आवश्यकता हो सकती है क्योंकि यह कई ( thickbox, jQuery-ui, ui-dialog, आदि ) पर निर्भर करता है ।

wp_enqueue_script('wplink');
wp_enqueue_script('wpdialogs-popup'); //also might need this

// need these styles
wp_enqueue_style('wp-jquery-ui-dialog');
wp_enqueue_style('thickbox');

अनुवाद योग्य चर सेट करें:

var wpLinkL10n = {"title":"Insert\/edit link","update":"Update","save":"Add Link","noTitle":"(no title)","noMatchesFound":"No matches found."};

अब आपको कुछ का उपयोग करके फ़ंक्शन का विस्तार करने में सक्षम होना चाहिएwpLink :

// test button
<button class="link-btn">Click button for Links</button>

jQuery('.link-btn').on('click', function(event) {
  wpActiveEditor = true;
  wpLink.title = "Hello"; //Custom title example
  wpLink.open();    // Open the link popup
  return false;
});

आपको <form>पॉप-अप के लिए एक तत्व की आवश्यकता है जो कि डिफ्यूलेट द्वारा यहां पेस्ट करने के लिए लंबे समय तक है, आप डिफॉल्ट को यहां देख सकते हैं: https://gist.github.com/wycks/6402573

अब इसके साथ बड़ी समस्याएं हैं, जैसे मैंने फ़ंक्शन के लिए किसी भी समापन या सबमिशन (या चेकिंग) जावास्क्रिप्ट को नहीं जोड़ा, जैसे कि wpLink.closeया wpLink.textarea, इसलिए wplink.jsआगे की जानकारी के लिए देखें ।

क्षमा करें, जब तक मैं कुछ बुनियादी याद नहीं कर रहा हूँ, तब तक लंबे समय तक इसके साथ रहना पड़ता है, लेकिन यह आपको अधिक से अधिक मिलना चाहिए।

Comments

आपकी मदद के लिए बहुत बहुत शुक्रिया। मैंने उपयोग के साथ शैली / स्क्रिप्ट संदर्भों को हल किया: <? wp_editor ('', ''); ?> - तो शायद मैं एक छोटा समाधान प्राप्त कर सकता हूं! लेकिन चयनित लिंक प्राप्त करने के तरीके पर अभी भी सवाल है।

— बेनी न्युगबॉएर

इसे पोस्ट करने के लिए धन्यवाद; इसके कारण मुझे उस उत्तर की तलाश थी जिसकी मुझे आवश्यकता थी। मेरे मामले में मुझे सिर्फ "wpdialogs" स्क्रिप्ट को स्पष्ट रूप से समझाना था, जो निर्भरता के रूप में निर्दिष्ट होने पर काम नहीं कर रहा था। wp_enqueue_script('wpdialogs');

— इंगोसोदर