This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

[HK] HTML filter and csv-file search


Two different shortcodes; [hk-csv-search] enables search in csv-file uploaded to the Media-library. Enter the URL in the shortcode to add a searchbox that will find matches in that file with a jquery-ajax-call and presents each row with the format specified. [hk-filtersearch] enabled a filter search box to a page that filter contents instant with jquery. You can set the element to filter within and other settings through the shortcode attributes.


Add csv file search functionallity to any post or widget with the shortcode
[hk-csv-search src=”http://path_to/content/file.csv”]

With thist shortcode a search button will be generated and will by instant-ajax-search search through the csv-file in the src attribute and return the rows found matching the search input.


There are some settings to control the search and output.

  • src Enter the path to the file to search, the file is uploaded through the Media archive as with any other file. Find the URL and enter it in this attribute.

  • format How each line in the output will be formatted.
    Use {b} to render etc. All { and } will be replaced with < and >.
    Use {0}, {1} etc. to place the columns where you want in the output line.
    Default is: {b}{0}{/b}, {1}, {2}{br/}
    column1 (in bold), column2, column3 end with line-break.

  • searchtext Text that will be shown in search button. Default is in swedish: ‘Sök’.

  • charset Default charset is ‘iso-8859-1’. Can be set to any charset available through this attribute.

  • instantsearch Should instant search be enabled. I.e. dropdown results when entering text. Default is ‘false’.

  • instantformat Format for instant search. Default is ‘{0}’.

  • dataidformat Which column contains ID. Is used when click on dropdown. Default is ‘{0}’.

Screenshot 1 shortcode:
[hk-csv-search format=”{0} | {1} | {3}{br/}” src=”/files/2016/07/sizedata.csv”/]
Which means showing first, second and fourth column from the file with a separator between and line break at the end.


Add filter/search functionallity to any post or widget with the shortcode

With this shortcode a filter input will be generated and will instant filter the content in the page or post. You will be able to select if all page will be filtered or just some of the elements.


There are some settings to control the filter.

  • search_element Select within which html-element the content should be filtered. Should be entered as ‘element.classname’ (i.e. table.content or .content) in any form combining element, id and/or classname.

  • show_header_in_table Set to true if the first row in table is a title and always should be visible.

  • text Replace the standard text placed in front of search box.

  • clear_icon_class Class to use to show ‘clear’-icon. Default is ‘delete-icon’.

  • clear_text Text to show in the clear button, useful instead of icon. Default is empty.

Screenshot 2 shortcode:
[hk-filtersearch text=”Sök hämtningsdag för din ort” search_element=”table” show_header_in_table=”false”]

عکس‌های صفحه

  • Output of hk-csv-search on page.
  • Output of hk-filtersearch on page.


  1. install and activate the plugin on the Plugins page
  2. add one of the shortcodes to page or post content


11 مارس 2017
Let me just start off by saying THANK YOU to the developer. After an 8 hour quest I stumbled upon this randomly and it was exactly what I needed. I have huge tables of html content in posts that needs to be filtered from the top of the page with instant speed. This plugin accomplished it right out of the box -- no customization needed. Don't waste your hard earned money on other bloated options, this is the one for you! My only complaint is I didn't find it sooner! ha! Best Andrew
خواندن تمامی 5 بررسی‌

توسعه دهندگان و همکاران

“[HK] HTML filter and csv-file search” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند.

ترجمه “[HK] HTML filter and csv-file search” به زبان شما.

علاقه‌ مند به توسعه هستید؟

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



New feature instant search is added.


Initial commit.