Tôi đang cố gắng xây dựng thư viện phương tiện nơi người dùng có thể chọn ảnh đang được truy xuất từ các thư mục tùy chỉnh mà họ có thể chỉ định cơ sở dữ liệu. Tôi đang lấy lại hình ảnh chính xác, nhưng mẫu được chỉ định không được áp dụng cho hình thu nhỏ. Nó không tìm thấy chú thích (xem thanh bên khi img được chọn)
Thay vì áp dụng mẫu mong muốn, nó nói
<div class="filename"><div></div></div>
Tôi thực sự thậm chí không cần một mẫu tùy chỉnh, tôi rất vui khi hình ảnh hiển thị như trong thư viện tiêu chuẩn, nhưng dường như tôi không thể có được kết quả chính xác.
Trong tập tin media-library-manager.js tôi có cái này
var MfmView = Backbone.View.extend({
tagName: "li",
className: "mfmimage attachment",
template: wp.media.template('mfmimage'),
render: function(){
this.$el.html(this.template(this.model.toJSON()));
return this;
}
});
Và trong media-thư mục-manager.php có
public function print_media_templates() {
if(!$_POST['id']){
$this->printInit();
}
?>
<script type="text/html" id="tmpl-mfmimage">
<p class="test"></p>
<img id="{{ data.id }}" class="<# if ( typeof(data.folder) !== 'undefined' ) { #>folder<# } else { #>image<# } #>" src="{{ data.thumbnail }}" alt="{{ data.caption }}" title="{{ data.caption }}" data-full="{{ data.full }}" data-link="{{ data.link }}" />
<# if ( typeof(data.folder) !== 'undefined' ) { #>
<p>{{ data.caption }}</p>
<# } #>
<a class="check" id="check-link-{{ data.id }}" href="#" title="Deselect"><div id="check-{{ data.id }}" class="media-modal-icon"></div></a>
</script>
<?php
}
Mục tiêu là giữ chức năng WP (hình ảnh nổi bật, tạo thư viện, chèn vào trang / bài đăng), nhưng với cấu trúc thư mục có cấu trúc chặt chẽ hơn (vì khách hàng đã sẵn sàng có cấu trúc thư viện hình ảnh hoàn chỉnh).
Các bước tiếp theo sẽ là:
- khi tập tin được kéo vào cửa sổ, phải được tải lên thư mục đang mở
- tạo / xóa thư mục (với các đặc quyền theo vai trò người dùng)
- kéo img sang thư mục khác (tùy chọn)
Tôi hy vọng ai đó có thể giúp tôi giải quyết vấn đề này, tôi chưa quen với Backbone.js.
Cảm ơn bạn trước!