TinyMCE là gì?
TinyMCE là chữ viết tắt của cụm “Tiny Moxiecode Content Editor”. Đây là một nền tảng độc lập dựa trên Javascript HTML WYSIWYG được phát hành bởi LGPL web.
Đang xem: Giới thiệu về tinymce là gì và cách cài Đặt ra sao? sử dụng trình chỉnh sửa tinymce trong wordpress
Hiểu đơn giản, TinyMCE là một trình soạn thảo văn bản mở rộng của WordPress. Người dùng thường thêm TinyMCE vào hệ thống quản trị website để nhập liệu nội dung, hình ảnh, … Nhờ TinyMCE, thao tác soạn thảo và chỉnh sửa định dạng những đoạn văn bản như gocnhintangphat.com, description… sẽ dễ dàng hơn.
Bạn có thể tìm và download TinyMCE trên kho plugin của WordPress. Plugin này thường xuyên được cập nhật và tương thích với phiên bản WordPress mới nhất. Đôi lúc giao diện trang soạn thảo văn bản WordPress của bạn bị lỗi, có thể xuất phát từ nguyên nhân là trang web của bạn chưa được update lên phiên bản mới.
Shortcode là gì?
Một trong những tính năng độc đáo của WordPress là shortcode (tạm dịch: Mã ngắn/chuỗi số ngắn). Sử dụng shortcode, bạn có thể tạo ra nhiều chức năng tùy biến. Từ đó, người dùng có thể sử dụng trong nội dung của bài viết hoặc widget thậm chí là sử dụng tại bất kỳ nơi nào trong giao diện WordPress.
Tính năng thực thi một nhiệm vụ nào đó của shortcode đã được bạn định sẵn trong lúc tạo.
Xem thêm: Áo Unisex Là Gì ? Phong Cách Thời Trang Unisex Phi Giới Tính
Trong bài viết này, gocnhintangphat.com sẽ hướng dẫn bạn cách thêm nút shortcode vào thanh công cụ của trình soạn thảo TinyMCE.
Thao tác thêm nút shortcode vào TinyMCE
Bước 1: Đầu tiên, bạn khai báo 1 shortcode có chức năng tạo nhanh 1 icon các biểu tượng cảm xúc trên TinyMCE.
Bước 2: Bạn chèn nội dung tại cuối file function.php của theme đang sử dụng.
Xem thêm: Sổ Đỏ Là Gì ? Sổ Đỏ Là Gì? Cách Phân Biệt Và Quy Định Mới Cần Biết
function mce_smiley_button($buttons) { array_push($buttons, “smiley”); return $buttons;}add_filter(“mce_buttons”, “mce_smiley_button”);function mce_smiley_js($plugin_array) { $plugin_array<"smiley"> = get_template_directory_uri() .”/plugin.js”; return $plugin_array;}add_filter(“mce_external_plugins”, “mce_smiley_js”);function mce_smiley_css() { wp_enqueue_style(“tinymce-smiley-button”, get_theme_file_uri(“/plugin.css”, __FILE__));}add_action( “admin_enqueue_scripts”, “mce_smiley_css” );add_action( “wp_enqueue_scripts”, “mce_smiley_css” );function mce_smiley_settings($settings) { global $wpsmiliestrans; if (get_option(“use_smilies”)) { $keys = array_map(“strlen”, array_keys($wpsmiliestrans)); array_multisort($keys, SORT_ASC, $wpsmiliestrans); $smilies = array_unique($wpsmiliestrans); $smileySettings = array( “smilies” => $smilies, “src_url” => apply_filters(“smilies_src”, includes_url(“images/smilies/”), “”, site_url()) ); echo “”; } return $settings;}add_filter(“tiny_mce_before_init”, “mce_smiley_settings”);Bước 3: Bạn khai báo nội dung button js đã được gọi ở trên. Bạn có thể khai báo nội dung bằng cách tạo file plugin.js ngay chính thư mục root theme đang sử dụng. Nội dung như sau :
/* global tinymce, twemoji, _wpemojiSettings, _smileySettings */(function() { function getSmileySrc(smiley) { if (/.(<^.>+)$/.test(smiley)) { return _smileySettings.src_url + smiley; } return “”.concat(twemoji.base, twemoji.size, “/”, twemoji.convert.toCodePoint(smiley), twemoji.ext); } function getHtml() { var supportEmoji = “_wpemojiSettings” in window && _wpemojiSettings.supports && _wpemojiSettings.supports.everything; var smilies = _smileySettings.smilies; var idx = 1; var cols = 5; var emoticonsHtml; var text; var icon; emoticonsHtml = “
