KendoUI Grid calculate new virtual scrollbar without rebinding grid

KendoUI contain many UI for web developer, one of it is KendoGrid.
KendoGrid supported many features such as inline editing, moving/resizing/sorting column, etc.

One of useful feature is virtual scrollbar (demo), Kendo make it worked both desktop/mobile browser but if you project have more than one view type.

For example compact/full mode which have a different row heights, the easy way to do is binding grid with the old datasource and another way is let's it calculate the virtual scrollbar.

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.