Strip tags in autocomplete results

opendatateam · Sep 5, 2017 · 5070bea · 5070bea
1 parent 1fc287e
commit 5070bea
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,8 @@
   [#1101](https://github.com/opendatateam/udata/pull/1101)
 - Fix facets labelizer with html handling
   [#1102](https://github.com/opendatateam/udata/issues/1102)
+- Strip tags in autocomplete results
+  [#1104](https://github.com/opendatateam/udata/pull/1104)
 
 ## 1.1.2 (2017-09-04)
 

diff --git a/js/components/site-search.vue b/js/components/site-search.vue
@@ -98,14 +98,14 @@ export default {
         default: `<div class="logo">
             <img :src="item.image_url || placeholders.generic" class="avatar" width="30" height="30" alt="">
             </div>
-            <p v-html="item.title | highlight query"></p>`,
+            <p v-html="item.title | stripTags | highlight query"></p>`,
         organization: `<div class="logo"><img :src="item.image_url || placeholders.organization" class="avatar" width="30" height="30" alt=""></div>
-            <p v-html="item.name | highlight query"></p>
+            <p v-html="item.name | stripTags | highlight query"></p>
             <small v-if="item.acronym" v-html="item.acronym | highlight query"></small>`,
         territory: `<div class="logo">
             <img :src="item.image_url || placeholders.territory" class="avatar" width="30" height="30" alt="">
             </div>
-            <p v-html="item.title | highlight query"></p>
+            <p v-html="item.title | stripTags | highlight query"></p>
             <small v-if="item.parent">{{ item.parent }}</small>`,
     },
     methods: {
@@ -146,6 +146,10 @@ export default {
     filters: {
         highlight(value, phrase) {
             return value.replace(new RegExp('('+phrase+')', 'gi'), '<strong>$1</strong>')
+        },
+        stripTags(value) {
+            let regex = /(<([^>]+)>)/ig;
+            return value.replace(regex, '');
         }
     },
     watch: {