Editor + NormalizeStyle Plugin

This is an example editor with the dojox NormalizeStyle plugin enabled.

The NormalizeStyle plugin's role is to try and force the editor output to be either CSS style based (style="" spans), or semantic tag based (b, i, u, strike, etc). This is user configurable. Internally in the editor window, it tries to use the format that works the best for the browser.


NormalizeStyle with semantic mode enabled

This instance is created from a div with an extra plugin, 'NormalizeStyle' loaded in semantic mode

The Dojo Toolkit

  1. One
  2. Two


A bunch of Lorum Ipsum Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget turpis nunc. Praesent ut metus ac mi gravida lobortis vel quis nulla. Sed elementum elit eget ante viverra consectetur. Praesent pulvinar faucibus risus in pulvinar. Sed auctor, dui sed suscipit semper, metus sapien feugiat urna, et auctor nisi est quis purus. Aliquam eu tortor eu ante venenatis pellentesque nec sed massa. Nulla feugiat, nunc ac aliquet elementum, lacus odio dictum nisl, vel molestie neque tellus eget nibh. Curabitur et eros quam, non consectetur erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque luctus imperdiet felis, a mollis sapien scelerisque ut. Quisque dui neque, vulputate eu consectetur et, fermentum id est. Nulla euismod lorem at massa aliquam at cursus mi fermentum. Quisque rhoncus ornare pharetra. Cras vestibulum convallis nisl, eget ultrices sem porta eget. Duis in dolor id nibh volutpat sodales. Nullam eleifend, sapien accumsan convallis tincidunt, justo mi pellentesque dolor, in suscipit dolor quam ac ligula.

Ut molestie facilisis nisi sed consequat. Nunc in turpis quam, vel elementum lectus. Suspendisse vel consequat augue. Praesent id orci orci. Praesent est tortor, consequat eu posuere nec, volutpat ac diam. Cras pretium quam non diam dictum tincidunt. Mauris aliquet lacinia odio vitae elementum. Nam rutrum semper metus, in consectetur lectus aliquam a. Maecenas pharetra nibh nec leo consequat vitae rhoncus nibh volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed at odio turpis, sit amet molestie nisl. Curabitur in ligula id tortor feugiat semper. Vestibulum id nunc magna, eu lacinia nibh. Ut congue adipiscing dictum.

Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus in orci purus, sed aliquet quam. Aenean ultrices tincidunt augue, in feugiat massa dignissim in. Nunc a dolor eu mi fringilla laoreet. Praesent lacinia mi eu sapien imperdiet dignissim. Praesent a pellentesque est. Sed augue eros, porttitor nec consequat bibendum, mattis lobortis diam. Sed at massa ante. In volutpat ultrices mattis. Vestibulum tempus pretium risus quis aliquet. Donec non ante vitae orci euismod eleifend. Aliquam at metus quis turpis pharetra porta. Sed dignissim risus in erat aliquam et posuere nulla molestie. Nunc iaculis lectus eget augue sollicitudin gravida ac non nisl. Vivamus bibendum gravida vehicula. Aliquam vitae mi ligula. Nulla at augue velit, vitae ultricies libero. Proin at lorem turpis.

Centered Text



NormalizeStyle with css mode enabled

This instance is created from a div with an extra plugin, 'NormalizeStyle' loaded in CSS mode.

The Dojo Toolkit

  1. One
  2. Two


A bunch of Lorum Ipsum Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget turpis nunc. Praesent ut metus ac mi gravida lobortis vel quis nulla. Sed elementum elit eget ante viverra consectetur. Praesent pulvinar faucibus risus in pulvinar. Sed auctor, dui sed suscipit semper, metus sapien feugiat urna, et auctor nisi est quis purus. Aliquam eu tortor eu ante venenatis pellentesque nec sed massa. Nulla feugiat, nunc ac aliquet elementum, lacus odio dictum nisl, vel molestie neque tellus eget nibh. Curabitur et eros quam, non consectetur erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque luctus imperdiet felis, a mollis sapien scelerisque ut. Quisque dui neque, vulputate eu consectetur et, fermentum id est. Nulla euismod lorem at massa aliquam at cursus mi fermentum. Quisque rhoncus ornare pharetra. Cras vestibulum convallis nisl, eget ultrices sem porta eget. Duis in dolor id nibh volutpat sodales. Nullam eleifend, sapien accumsan convallis tincidunt, justo mi pellentesque dolor, in suscipit dolor quam ac ligula.

Ut molestie facilisis nisi sed consequat. Nunc in turpis quam, vel elementum lectus. Suspendisse vel consequat augue. Praesent id orci orci. Praesent est tortor, consequat eu posuere nec, volutpat ac diam. Cras pretium quam non diam dictum tincidunt. Mauris aliquet lacinia odio vitae elementum. Nam rutrum semper metus, in consectetur lectus aliquam a. Maecenas pharetra nibh nec leo consequat vitae rhoncus nibh volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed at odio turpis, sit amet molestie nisl. Curabitur in ligula id tortor feugiat semper. Vestibulum id nunc magna, eu lacinia nibh. Ut congue adipiscing dictum.

Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus in orci purus, sed aliquet quam. Aenean ultrices tincidunt augue, in feugiat massa dignissim in. Nunc a dolor eu mi fringilla laoreet. Praesent lacinia mi eu sapien imperdiet dignissim. Praesent a pellentesque est. Sed augue eros, porttitor nec consequat bibendum, mattis lobortis diam. Sed at massa ante. In volutpat ultrices mattis. Vestibulum tempus pretium risus quis aliquet. Donec non ante vitae orci euismod eleifend. Aliquam at metus quis turpis pharetra porta. Sed dignissim risus in erat aliquam et posuere nulla molestie. Nunc iaculis lectus eget augue sollicitudin gravida ac non nisl. Vivamus bibendum gravida vehicula. Aliquam vitae mi ligula. Nulla at augue velit, vitae ultricies libero. Proin at lorem turpis.

Centered Text