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.
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.
Chúc bạn Xóa định dạng bài viết WordPress thành công!