Important changes to Tiny Cloud pricing > Find out more

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.StyleSerializer().serialize(styles));

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. tinymce.html.Styles
serialize() Serializes the specified style object into a string. tinymce.html.Styles
toHex() Parses the specified RGB color value and returns a hex version of that color. tinymce.html.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.

Parameters
  • color (String) - RGB string value like rgb(1,2,3)
Return value
  • String - Hex version of that RGB value like #FF00FF.

Can't find what you're looking for? Let us know.

Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.