Jump To:

  1. Variables
    1. $config
  2. Mixins
    1. set()
    2. styles()
  3. Functions
    1. get()

Wysiwyg

For auto formatting general HTML elements (used around editor/body text). This selector can't currently be changed.

Variables

$config

Variable Type: Map

Module Settings

$config: (
  "img-excluded-selectors" : (".wysiwyg__exclude",),
  "ul-excluded-selectors" : (".list-lines", ".wysiwyg__exclude"),
  "headline-sizes" : (
    "h2" : "h2",
    "h3" : "h3",
    "h4" : "h4",
    "h5" : "h5",
    "h6" : "h6",
  )
);
File Information
  • File: _wysiwyg.scss
  • Group: wysiwyg
  • Type: variable
  • Lines (comments): 14-18
  • Lines (code): 20-30

Map Properties

Name Type Default
img-excluded-selectors List (".wysiwyg__exclude",)
ul-excluded-selectors List (".list-lines", ".wysiwyg__exclude")
headline-sizes Map Map

Mixins

set()

Mixin

Change modules $config

File Information
  • File: _wysiwyg.scss
  • Group: wysiwyg
  • Type: mixin
  • Lines (comments): 32-35
  • Lines (code): 37-39

Examples

@include ulu.component-wysiwyg-set(( "property" : value ));

Parameters

Name Type Description
$changes Map Map of changes

Require

styles()

Mixin

Output component stylesheet

  • Note this is setup so that it can be used for separate stylesheets (ie. tinyMCE or ckeditor)
File Information
  • File: _wysiwyg.scss
  • Group: wysiwyg
  • Type: mixin
  • Lines (comments): 50-55
  • Lines (code): 57-65

Examples

@include ulu.component-wysiwyg-styles(true);
// Output not in selector (for editor stylesheet/preview)
@include ulu.component-wysiwyg-styles(false);

Functions

get()

Function

Get a config option

File Information
  • File: _wysiwyg.scss
  • Group: wysiwyg
  • Type: function
  • Lines (comments): 41-44
  • Lines (code): 46-48

Examples

@include ulu.component-wysiwyg-get("property");

Parameters

Name Type Description
$name Map Name of property

Require