Sunday, December 15, 2013

KendoUI Editor clearing format


Kendo UI Editor allows your users to edit HTML in a familiar, user-friendly way.
In this version, the Editor provides the core HTML editing engine, which includes basic text formatting, hyperlinks, lists, and image handling. The widget outputs identical HTML across all major browsers, follows accessibility standards and provides API for content manipulation.

Kendo UI Editor is WYSIWYG editor that contain many functions but if you are finding for the clearing format.. it has not been supported yet.

So, today I would like to show my customizing the editor and how I make it work buy using its available functions.

Concept...
  • When you select text the toolbar icons will be activated then you need to deactivate them
  •  For font type, font color, font size, background or foreground, you need to custom remove it
  • After remove those things, there are kept in history. You need to make it revert when user undo (Ctrl+Z) the clearing format
  • Some html tag should not be cleared - link <a>, format (<h1>, <h2>, <p>, ..), image <img>

Warning!
KendoUI work well with jQuery 1.9.1, I have ever tried on higher version but got some error about 'node'

Let's try... (using  button on the demo)

No comments:

Post a Comment