Highlight source values within UnitSource component

julen · Sep 29, 2016 · 34c61c2 · 34c61c2
1 parent 3eb73c0
commit 34c61c2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/pootle/static/js/editor/app.js b/pootle/static/js/editor/app.js
@@ -594,7 +594,6 @@ PTL.editor = {
       this.displayObsoleteMsg();
     }
 
-    utils.highlightRWNodes('.js-translation-text');
     highlightSuggestionsDiff(currentUnit);
 
     // set direction of the comment body

diff --git a/pootle/static/js/editor/components/UnitSource.js b/pootle/static/js/editor/components/UnitSource.js
@@ -11,6 +11,8 @@ import React from 'react';
 
 import { t } from 'utils/i18n';
 
+import { highlightRW } from '../../utils';
+
 
 const UnitSource = React.createClass({
 
@@ -38,6 +40,7 @@ const UnitSource = React.createClass({
         <div
           className="translation-text js-translation-text"
           data-string={sourceValue}
+          dangerouslySetInnerHTML={{ __html: highlightRW(sourceValue) }}
           {...props}
         ></div>
       </div>