JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://bartaz.github.io/sandbox.js/jquery.highlight.js"></script>
<div id="article">

    <p>keywords</p>
    <p>الولايات المتحدة الأمريكية, الولايات المتحدة, اوباما, وأمريكا, والتفاوض, وإيران, الاتفاق النووي, الخليج العربي, الخليج الفارسي</p>
</div>

CSS

.highlight {
    background-color: #FF8;
}
p {
    margin:10px;
    font-size:18px
}
#article {
    direction:rtl;
}

JavaScript

(function () {
    // Our keywords. There are lots of ways you can produce
    // this map, here I've just done it literally
    //الولايات المتحدة الأمريكية, الولايات المتحدة, اوباما, وأمريكا, والتفاوض, وإيران, الاتفاق النووي, الخليج العربي, الخليج الفارسي

    var keywords = [ "الخليج العربي","الاتفاق النووي","الخليج العربي",
            "وإيران","والتفاوض","وأمريكا","اوباما",
            "الولايات المتحدة الأمريكية","الولايات المتحدة"
    ];
    $("p").highlight(keywords);
   
})();