Formatting: Mark


About

Formatting Mark is an HTML format for highlighting specific elements/text - (Demo).



Specification




Configuration



Description

skin
This configuration is used as the background for the element. Choose one of the available skins from the Skin List.
formatting
By default, the system will process all mark elements that placed in supported section (see data Spesification). By setting this configuration to no, the mark elements will not be processed with formatting (they will use the browser's default style).



Usage

  1. Using the mark element
            
              <mark>Text</mark>
            
          
    Text


    Using other elements Add w-mark class to the element. This class can be added to any element such as span, b, i, u, and so on. This class is only required if the element used is not mark.

            
              <span class='w-mark'>Text</span>
            
          
    Text

    Note: In all the above HTML examples, no additional configurations were added. All configurations will use the Default Value.


  2. Adding Configuration Add the desired configuration by including the attribute
    data-configuration-name='Value' to the relevant element.

    Example of adding configuration:
            
              <span class='w-mark' data-skin='blue'>
                Text
              </span>
            
          
    Text
Have Question?