ComboStrap UI - File

1 - About

The file component:

  • takes over the manipulation of the default dokuwiki file block
  • is a wrapper around the Prism component to add:
    • syntax highlighting
    • clipboard copy

You can create block of code like this one:



==== Markdown header ====

The `file` component:

  * takes over the manipulation of the default [dokuwiki file block](http://www.dokuwiki.org/wiki%3Asyntax#code_blocks)
  * is a wrapper around the [Prism component](/prism) to add:
      * syntax highlighting
      * clipboard copy


3 - Syntax

This is a Prism component and follows its syntax. You should then check the prism syntax for all details.

4 - Configuration

4.1 - Enable / Disable

The file_enable configuration permits to enable / disable this component.

4.2 - Theme

This component:

  • gets the theme chosen
  • and all userstyle applied to the elements pre and code with the class combo_file

Example:



code.combo_file{
    color: #333 !important;
}
pre.combo_file{
    background-color: #e9ecef !important;
}