Cách sử dụng liên kết thêm vào Thêm vào


12

Trong trình chỉnh sửa WYSIWYG của WordPress, bạn sẽ bật lên nếu bạn muốn thêm một liên kết cho một văn bản. Có khả năng truy cập chức năng này? Bởi vì tôi muốn sử dụng cửa sổ bật lên này cho một tiện ích WordPress mà tôi đã tạo để bạn có thể thêm liên kết vào một tiện ích nếu bạn định cấu hình nó trong phần phụ trợ.

Đây là một ảnh chụp màn hình của những gì tôi có nghĩa là: nhập mô tả hình ảnh ở đây

Câu trả lời:


8

Tôi đã cố gắng một chút và không thể làm cho nó hoạt động hoàn hảo, nhưng nó gần, thật khó để mở rộng với các <form>kiểu cửa sổ bật lên được mã hóa cứng, có thể nghĩ là có thể làm việc nhiều hơn.

Để bắt đầu, bạn có thể:

Enqueue liên kết cửa sổ bật lên javascript và các kiểu, tệp .js chính là wp-includes/wplink.js. Tùy thuộc vào nơi bạn tải cái này, bạn có thể cần thêm nhiều hoặc ít tập lệnh / kiểu hơn vì nó phụ thuộc vào một số ( hộp dày, jQuery-ui, ui-hộp thoại, v.v. ).

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');

Đặt biến có thể dịch:

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

Bây giờ bạn sẽ có thể mở rộng wpLinkchức năng bằng cách sử dụng một cái gì đó như:

// 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;
});

Bạn cần một <form>yếu tố cho cửa sổ bật lên mà theo defualt là cách lâu dài để dán ở đây, bạn có thể thấy một phần tử ở đây: https://gist.github.com/wycks/6402573

Bây giờ có những vấn đề lớn với điều này cụ thể là tôi không thêm bất kỳ javascript đóng cửa hoặc nộp hồ sơ (hoặc kiểm tra) với chức năng, chẳng hạn như wpLink.closehay wpLink.textarea, nên xem wplink.jsđể biết thêm.

Xin lỗi điều này chỉ mất nhiều thời gian để mân mê, trừ khi tôi thiếu một cái gì đó cơ bản, nhưng điều đó sẽ giúp bạn có được hầu hết các cách.


Cảm ơn bạn rất nhiều vì đã giúp đỡ của bạn. Tôi đã giải quyết các tham chiếu kiểu / tập lệnh bằng cách sử dụng: <? wp_editor ('', ''); ?> - Vì vậy, có lẽ tôi có thể nhận được một giải pháp ngắn hơn! Nhưng vẫn còn câu hỏi về cách nhận liên kết đã chọn.
Benny Neugebauer

Cảm ơn bạn đã đăng bài này; nó dẫn đến việc tôi tìm ra câu trả lời mình cần. Trong trường hợp của tôi, tôi chỉ cần liệt kê rõ ràng kịch bản "wpdialogs", không hoạt động khi được chỉ định là phụ thuộc. wp_enqueue_script('wpdialogs');
Inigoesdr
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.