tinymce.html.Styles

This class is used to parse CSS styles it also compresses styles to reduce the output size.

Examples

var Styles = new tinymce.html.Styles({
   url_converter: function(url) {
      return url;
   }
});

styles = Styles.parse('border: 1px solid red');
styles.color = 'red';

console.log(new tinymce.html.Styles().serialize(styles));

Summary

Methods

Name Summary Defined by

parse()

Parses the specified style value into an object collection. This parser will also merge and remove any redundant items that browsers might have added. It will also convert non hex colors to hex values. Urls inside the styles will also be converted to absolute/relative based on settings.

Styles

serialize()

Serializes the specified style object into a string.

Styles

toHex()

Parses the specified RGB color value and returns a hex version of that color.

Deprecated in TinyMCE 5.10 and has been marked for removal in TinyMCE 6.0.

Styles

Methods

parse()

parse(css: String): Object

Parses the specified style value into an object collection. This parser will also merge and remove any redundant items that browsers might have added. It will also convert non hex colors to hex values. Urls inside the styles will also be converted to absolute/relative based on settings.

Parameters

  • css (String) - Style value to parse for example: border:1px solid red;.

Return value

  • Object - Object representation of that style like {border: '1px solid red'}

serialize()

serialize(styles: Object, elementName: String): String

Serializes the specified style object into a string.

Parameters

  • styles (Object) - Object to serialize as string for example: {border: '1px solid red'}

  • elementName (String) - Optional element name, if specified only the styles that matches the schema will be serialized.

Return value

  • String - String representation of the style object for example: border: 1px solid red.

toHex()

toHex(color: String): String

Parses the specified RGB color value and returns a hex version of that color.

Deprecated in TinyMCE 5.10 and has been marked for removal in TinyMCE 6.0.

Parameters

  • color (String) - RGB string value like rgb(1,2,3)

Return value

  • String - Hex version of that RGB value like #FF00FF.