Làm cách nào để sửa đổi tùy chọn hộp thoại chỉnh sửa hình ảnh trên WordPress?

Tôi đang cố gắng ẩn các nút radio Căn chỉnh cho hình ảnh được tải lên khu vực nội dung bài đăng, nhưng không thể tìm ra cách thêm tệp CSS hoặc JS tùy chỉnh vào hộp thoại Trình chỉnh sửa hình ảnh.

Tôi đã thêm thành công bộ lọc vào hook hành động tiny_mce_b Before_init để xóa các nút căn chỉnh khỏi trình chỉnh sửa văn bản TinyMCE, nhưng không chắc chắn cách thực hiện tương tự với trình chỉnh sửa hình ảnh.

Tôi đã thử một bản hack jQuery, nhưng dường như không có:

$('.mceWrapper iframe').load( function() {
    $(this).contents().find('tr.align').hide();
});

Nhìn vào nó một cách chi tiết, có vẻ như bạn không thể thay đổi trình chỉnh sửa hình ảnh chỉ trong một số chi tiết. Điều duy nhất bạn có thể làm là thay thế trình chỉnh sửa hình ảnh bằng một bản sao được sửa đổi một chút. Tôi sẽ giải thích ngắn gọn về việc này có thể được thực hiện như thế nào.

Nhưng trước đó một lời cảnh báo. Trình chỉnh sửa hình ảnh hiện đang hoạt động (2/2014), vì vậy giải pháp này có thể sẽ không hoạt động từ phiên bản WordPress tiếp theo mà không cần sửa đổi thêm.

Một lưu ý cuối cùng: Sẽ tốt hơn nếu bạn đặt cái này vào Plugin chứ không phải trong chủ đề của bạn. Dù sao, để làm cho câu trả lời này ngắn hơn, tôi giải thích làm thế nào để đưa nó vào chủ đề của bạn.

1. Xóa Trình chỉnh sửa ảnh mặc định

add_filter( 'tiny_mce_plugins', 'remove_wpeditimage', 10, 2 );

function remove_wpeditimage($plugins){
    if(($key = array_search('wpeditimage', $plugins)) !== false) {
        unset($plugins[$key]);
    }
    if(($key = array_search('teeny_mce_plugins', $plugins)) !== false) {
        unset($plugins[$key]);
    }
    return $plugins;
}

2. Sao chép và thay đổi Trình chỉnh sửa hình ảnh

Sao chép wp-gồm / js / tinymce / plugin / wpeditimage vào thư mục chủ đề của bạn.

Thay đổi nó theo cách bạn muốn. Cách dễ nhất để thoát khỏi các tùy chọn căn chỉnh là thay đổi dòng 55 từ

<tr class="align">

đến

<tr class="align" style="display:none;">

3. Thêm Trình chỉnh sửa hình ảnh đã thay đổi

add_filter('mce_external_plugins', 'add_customized_wpeditimage');

function add_customized_wpeditimage($plugins) {
    $plugins[ 'wpeditimage' ] = get_template_directory_uri() . '/wpeditimage/editor_plugin.js';
    return $plugins;
}

Hàm bạn đang tìm kiếm, để thêm CSS vào trình soạn thảo MCE được gọi là add_editor_style . Tôi đã có một cơ hội để làm việc này nhưng một cuộc tấn công nhanh năm phút đã không làm việc với tôi. Theo codex đó là cách làm đúng mặc dù.

Bạn chỉ có thể ẩn nó với CSS của bạn. Nếu chủ đề của bạn có tệp css cho bảng điều khiển quản trị viên của bạn (đối với biểu mẫu tùy chỉnh, v.v.) thì chỉ cần thêm tệp này vào tệp đó;

#img-edit tr.align { display:none; }

Nếu chủ đề của bạn không có tệp CSS cho bảng điều khiển quản trị viên thì bạn có thể đặt functions.phptệp này vào tệp của chủ đề thay thế;

add_action( 'admin_head', 'so4513579_hide-img-alignment' );

function so4513579_hide-img-alignment() {
    echo "<style> #img-edit tr.align { display:none; } </style>";
}

Lưu ý giá trị căn chỉnh sẽ vẫn được lưu như bất kỳ giá trị nào trước khi chỉnh sửa.