làm cách nào để tôi có thể thực hiện bộ lọc từ/bộ lọc từ xấu của jQuery?

Question

Tôi biết có nhiều lý lẽ về lý do tại sao đây là một ý tưởng tồi, nhưng trong quá trình triển khai, tôi đang lên kế hoạch bật/tắt các từ xấu trong cài đặt tài khoản. Nói cách khác, các từ xấu sẽ được hiển thị theo mặc định, nhưng tắt/ẩn nếu được yêu cầu.

Kế hoạch sẽ gửi chuỗi JSON cho khách hàng và để khách hàng lọc ra những từ xấu.

chuỗi json

['swear1', 'swear2'] 

gốc cụm từ

this phrase includes swear1 

đầu ra cuối cùng

this phrase includes **** 

đây là những gì tôi đã cố gắng cho đến nay

$(document).ready (function() { 
     $('body').html().replace('asdf', 'ffff'); 
    }); 

bây giờ trên một mặt lưu ý, tôi đang sử dụng asp.net MVC và tôi "có thể" làm điều này ở phía máy chủ, nhưng tôi đã nghĩ rằng điều này sẽ tốt hơn nếu offloaded cho khách hàng ... Tôi đang mở để gợi ý về điều này.

Answer 1

Vì vậy, tôi đã đưa ra đề xuất cơ sở mà @Harmen đã cung cấp và tôi đã mở rộng nó thành một plugin jQuery. Đây có vẻ là triển khai tốt nhất mà tôi có thể nghĩ ra.

jQuery.profanityFilter

$(document).profanityFilter({ 
    replaceWith:'#', 
    customSwears: ['ass'], 
    externalSwears: '/swearWords.json' 
}) 

Answer 2

Đối tượng JSON bạn trả lại không thể có tên thuộc tính lặp lại. Thay vì { w: 'Swear1', w: 'Swear2' }, nó phải là [ 'Swear1', 'Swear2' ].

Bạn có thể phân tích văn bản để lọc và bao bọc mọi lần xuất hiện của một từ chửi thề giữa các thẻ <span> với thuộc tính lớp cụ thể và chuyển đổi chúng bằng hàm. Đó nên là một cách tiếp cận đơn giản.

Answer 3

Khi di chuyển mọi thứ từ máy chủ đến ứng dụng khách, bạn luôn phải cân nhắc băng thông so với chi phí xử lý. Chắc chắn, có nó ở phía khách hàng sẽ giảm thiểu bạn xử lý chi phí, nhưng bạn sẽ lãng phí rất nhiều thời gian di chuyển danh sách các từ xấu cho khách hàng.

Ngoài ra, có trên máy chủ có thể cho phép bạn xử lý trước bài đăng, ví dụ: và chỉ cập nhật bài đăng khi thay đổi quy tắc, tiết kiệm nhiều thời gian xử lý hơn.

Answer 4

Something như thế này có thể làm việc:

String.prototype.repeat = function(num){ 
    return new Array(num + 1).join(this); 
} 

var filter = ['ass', 'piss']; 

$('.post').text(function(i, txt){ 

    // iterate over all words 
    for(var i=0; i<filter.length; i++){ 

    // Create a regular expression and make it global 
    var pattern = new RegExp('\\b' + filter[i] + '\\b', 'g'); 

    // Create a new string filled with '*' 
    var replacement = '*'.repeat(filter[i].length); 

    txt = txt.replace(pattern, replacement); 
    } 

    // returning txt will set the new text value for the current element 
    return txt; 
}); 

Làm việc example trên jsFiddle

Sửa: ranh giới Added vì vậy nó sẽ không thay thế các từ có chứa chửi thề. Tôi đã sử dụng dấu gạch chéo ngược kép vì dấu gạch chéo ngược phải được thoát trong một chuỗi, see this topic.

Answer 5

Bạn sẽ muốn lặp qua tất cả các từ: cho mỗi từ, hãy kiểm tra xem từ của từ đó có bị cấm hay không trước khi thay thế bằng dấu hoa thị.

Để thực hiện điều này một cách hiệu quả, bạn sẽ muốn để lưu trữ các từ trong một Hashtable:

var badWords = { 
    hello: true, 
    goodbye: true, 
}; 

lặp qua mỗi từ và sau đó xem nếu nó là trong hashtable. (Việc giải thích những gì bao gồm một "từ" khác nhau, tùy thuộc vào nếu bạn chỉ tìm kiếm các ký tự được bao quanh bởi khoảng trống hoặc các ký tự không phải alpha khác.)

// Pseudocode 
for each word in content { 
    if (badWords[word]) { 
     // replace word with word.length * characters 
    } 
} 

Answer 6

Đây là chức năng nhẹ.

var filterWords = ["fool", "dumb", "shit", "ass", "couch potato"]; 
var rgx = new RegExp(filterWords.join("|"), "gi"); 
function wordFilter(str) {   
    return str.replace(rgx, "****");    
}