[2023] Xóa định dạng bài viết WordPress

Tổng quan

Khi bạn viết bài ở website sử dụng CMS WordPress và copy từ nhiều nguồn bị dính định dạng, điều này dẫn tới bạn tốn nhiều thời gian để chỉnh sửa lại bài viết đó. Vietnet hướng dẫn bạn  tạo một nút để xóa đi các định dạng HTML đó và giải quyết được vấn đề Xóa định dạng bài viết WordPress mà bạn đang vướng phải.

Hướng dẫn Xóa định dạng bài viết WordPress

Việc xóa định dạng từng dòng tốn rất nhiều thời gian nên Vietnet tổng hợp lại thành hai cách đơn giản nhất bạn có thể tham khảo

Cách 1: copy ra Notepad, Notepad ++, Sublime text, Visual studio code,…

Cách này là cách đơn giản nhất, tuy nhiên nó chỉ áp dụng cho các bài viết được thêm mới, còn các bài viết đã đăng thì bạn cần thao tác copy ra và copy lại trong phần đăng bài viết của mình và định dạng lại cho đúng chuẩn SEO.

Các 2: Tạo nút xóa HTML ở MCE mặc định của WordPress

Bước 1: thêm code vào functions.php

function vietnet_custom_clear_html_button() {
    if (current_user_can('edit_posts') && current_user_can('edit_pages')) {
        add_filter('mce_buttons', 'vietnet_register_clear_html_button');
        add_filter('mce_external_plugins', 'vietnet_add_clear_html_plugin');
    }
}
add_action('admin_init', 'vietnet_custom_clear_html_button');
function vietnet_register_clear_html_button($buttons) {
    array_push($buttons, 'clear_html_button');
    return $buttons;
}
function vietnet_add_clear_html_plugin($plugin_array) {
    $plugin_array['clear_html_button'] = get_stylesheet_directory_uri() . '/clear-html.js';
    return $plugin_array;
}

Sau khi thêm code bạn lưu lại và tiếp tục bước 2.

Có thể bạn quan tâm:  Nâng cao tính bền vững với giải pháp Room Alert

Bước 2: tạo file clear-html.js

Bạn cũng có thể tạo file này trước và thêm functions.php sau.

(function () {
  tinymce.PluginManager.add("clear_html_button", function (editor, url) {
    editor.addButton("clear_html_button", {
      text: "Xóa HTML",
      icon: false,
      onclick: function () {
        var content = editor.getContent();

        content = content.replace(/<(?!\/?(p|img|br|iframe))[^>]*>/g, "");

        editor.setContent(content);
      },
    });
  });
})();

Sau đó bạn lưu lại và kiểm tra phí trong admin đăng bài.

xoa dinh dang html wordpress 1

Chúc bạn Xóa định dạng bài viết WordPress thành công!

4.9/5 - (98 bình chọn)

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Zalo VIETNET
Facebook VIETNET
Hotline VIETNET