ওয়ার্ডপ্রেস উইজেটের জন্য কীভাবে "যুক্ত লিঙ্ক যুক্ত করুন" পপ আপ ব্যবহার করবেন

Question

ওয়ার্ডপ্রেসের ডাব্লুওয়াইএসআইডাব্লুওয়াইজি সম্পাদকটিতে আপনি কোনও পাঠ্যের জন্য একটি লিঙ্ক যুক্ত করতে চাইলে আপনি পপ আপ পাবেন। এই কার্যকারিতা অ্যাক্সেস করার কোন সম্ভাবনা আছে? কারণ আমি তৈরি হওয়া ওয়ার্ডপ্রেস উইজেটের জন্য আমি এই পপ আপটি ব্যবহার করতে চাই কারণ আপনি যদি ব্যাকএন্ডে কনফিগার করেন তবে আপনি কোনও উইজেটের লিঙ্কগুলি যুক্ত করতে পারেন।

আমি যা বলতে চাইছি তার একটি স্ক্রিনশট এখানে:

Answer 1

আমি কিছুক্ষন চেষ্টা করেছিলাম এবং এটি পুরোপুরি কাজ করতে পারি না, তবে এটি খুব কাছে, <form>পপআপ শৈলীগুলিকে হার্ডকোডযুক্ত করার জন্য এটি আরও বাড়ানো শক্ত , আরও কাজ দিয়ে সম্ভব বলে ভেবেছিল।

শুরু করতে আপনি এটি করতে পারেন:

লিংক পপআপ জাভাস্ক্রিপ্ট এবং শৈলীগুলি সারিবদ্ধ করুন, প্রধান .js ফাইলটি wp-includes/wplink.js। আপনি কোথায় এটি লোড করছেন তার উপর নির্ভর করে আপনার আরও বা কম স্ক্রিপ্ট / শৈলী যুক্ত করতে হতে পারে যেহেতু এটি বেশ কয়েকটি ( পুরুবাক্স, জিকুয়েরি-ইউআই, ইউআই-সংলাপ ইত্যাদি ) উপর নির্ভর করে ।

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আরও তথ্যের জন্য দেখুন ।

দুঃখিত, আমি কেবল প্রাথমিক কিছু মিস করছি না, তবে এটি আপনাকে বেশিরভাগ ক্ষেত্রেই পেতে চাইছে but

Comments

আপনার সাহায্যের জন্য আপনাকে অনেক ধন্যবাদ। আমি স্টাইল / স্ক্রিপ্ট উল্লেখগুলি ব্যবহার করে সমাধান করেছি: <? wp_editor ('', ''); ?> - সুতরাং সম্ভবত আমি একটি সংক্ষিপ্ত সমাধান পেতে পারি! তবে এখনও নির্বাচিত লিঙ্কটি কীভাবে গ্রহণ করবেন তা নিয়ে প্রশ্ন রয়েছে।

— বেনি নিউজবাউয়ার

এটি পোস্ট করার জন্য ধন্যবাদ; এটি আমার প্রয়োজনীয় উত্তরটি সন্ধান করতে পরিচালিত করেছিল। আমার ক্ষেত্রে আমাকে স্পষ্টভাবে "wpdialogs" স্ক্রিপ্টটি সারণী করতে হয়েছিল, যা নির্ভরতা হিসাবে নির্দিষ্ট করার সময় কাজ করছে না। wp_enqueue_script('wpdialogs');

— ইনিগোগার