Filtro de Texto Oculto

Saltar a: navegación, buscar
Filtro de Texto Oculto
Tipo filter
Conjunto N/A
Problemas coming soon
Discusión coming soon
Mantenedor(es) Dmitry Pupinin
HiddenText logo.gif

Nota: Pendiente de Traducir. ¡Anímese a traducir esta página!.     ( y otras páginas pendientes)

Usando el filtro "Texto Oculto (HiddenText)" los profesores podrán proporcionarles "pistas" a los estudiante acerca de donde está oculta inicialmente la información pero que puede se revelada f´´acilmente por el estudiante en cualquier momento que lo necesite.


  1. Download filter from download page
  2. Copy folder hiddentext into directory filter of your Moodle instalation.
  3. Copy language file into your "lang" directory.
  4. Enable it from "Administration/Modules/Filters".


  1. Create your content.
  2. Enclose every part which you want initially hide between:
    • <span filter="hiddentext">hidden_content_here</span> or
    • <div filter="hiddentext">hidden_multiline_content_here</div>
  3. Use span tag if you want hide path of text inside paragraph and div if text can take more than one line.
  4. If you use HTMLeditor you can type span and div tags inside square brackets straight in text without switching to HTML mode:
    • [span filter="hiddentext"]hidden_content_here[/span]
  5. Test it.

Como funciona

  • After page loaded any content between tags hides. In this place will be dislpayed picture with eye.
  • When student will click on eye icon hidden text will be displayed.

Información adicional

You can use two optional parameters: class and desc (description):

  • class - lets you change style of hidden text
  • desc - lets you change description which displayed after eye icon. If desc absent in div tag will be used description from lang file. If description absent in span tag will be displayed only eye icon.

You available following styles: hinline, htext, hcode and styles which you add themselves in css of your theme or already there are!

Don't like embedded styles? You can change them in yuidomcollapse.css and send to me... ;-)


Simple SPAN

This text is <span filter="hiddentext">very, very, very</span> long.

Will initially displayed as:

HiddenText example 11.png

After click:

HiddenText example 12.png

SPAN with description

The American holiday of Thanksgiving is celebrated 
on the <span filter="hiddentext" desc="What?">fourth</span> Thursday of November.

Will initially displayed as:

HiddenText example 21.png

After click:

HiddenText example 22.png

DIV with class and description

Mention capitals of following countries: Canada, Italy, Japan
<div filter="hiddentext" class="htext" desc="Answer here">Canada - Ottawa
Italy - Rome
Japan - Tokyo</div>

Will initially displayed as:

HiddenText example 31.png

After click:

HiddenText example 32.png

Vea también