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: (
  "exclude-selector" : ".wysiwyg__exclude",
  "img-excluded-selectors" : (),
  "ul-excluded-selectors" : (".list-lines",),
  "link-excluded-selectors" : ("[class]",),
  "headline-sizes" : (
    "h2" : "h2",
    "h3" : "h3",
    "h4" : "h4",
    "h5" : "h5",
    "h6" : "h6",
  )
);
File Information
  • File: _wysiwyg.scss
  • Group: wysiwyg
  • Type: variable
  • Lines (comments): 14-20
  • Lines (code): 22-34

Map Properties

Name Type Default Description
exclude-selector String ".wysiwyg__exclude" Applied to all selectors
img-excluded-selectors List () Extra selectors to prevent styling
ul-excluded-selectors List (".list-lines",) Extra selectors to prevent
    styling
link-excluded-selectors List ("[class ",)] Extra selectors to prevent styling
headline-sizes Map Map Headlines from typography sizes (ElementName : TypographySizeName, ...)

Mixins

set()

Mixin

Change modules $config

File Information
  • File: _wysiwyg.scss
  • Group: wysiwyg
  • Type: mixin
  • Lines (comments): 36-39
  • Lines (code): 41-43

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): 54-59
  • Lines (code): 61-69

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): 45-48
  • Lines (code): 50-52

Examples

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

Parameters

Name Type Description
$name Map Name of property

Require