Rich text editor

Webix JS
1

Hi,

Could you please tell me which are rich text editor does webix currently support?

Thank you.

2

Hi,

Could you please tell me which are rich text editor does webix currently support?

Thank you.

3

CKEditor, tinyMCE, NicEdit, Mercury

4

How can I capture OnChange event for rich text editor?

5

Hi,

webix library does not fire onChange in case of third-party editors. There is getEditor() that you can use to get editor object and then you can apply API of the editor.

6

Is there a way to make webix fire onchange by some code modification… attach or listen for some particular event in third party editors?

7

There is no need to modify code. Just find the event you need in API of the editor you are interested in, for example onChange of CKEditor:

8

My problem is- I have this editor control on webix form along with other form controls. Now when ever value\content of any control is changed I need to perform some validations. For other controls webix OnChange event used to get fired or we had itemcheck event for tree. So I am looking for some event where I can call this geteditor and invoke editor’s onchange api.

9

It possible to add a code that will trigger an event. The problem is, the base Rich Editor component must provide their own API to detect when value was changed.

If you point me to the related API for Rich Editor( CKEditor, or any other one), I will update the component’s wrapper.

10

Thanks Maksim. We don’t need this feature any more.

how can I disable the text editor on form?
I have text editor with label using “cols” method.
When I say elements[i].disabled = true. It is disabling entire row (i.e. both label and editor) but when I do elements[i].cols[1].disabled = true, it does nothing.

11

Can you share a screen of the wrongly disabled editor ?

12

Hi, do you have type script equivalent of CKEditor integration with webix form?

13

Nope, we have typescript definitions only for core components of Webix library.

14

Is there a way to convert it to type script???

15

You need to create a typescript defenition file, or add a new definition to default webix.d.ts

Check https://github.com/borisyankov/DefinitelyTyped/blob/master/webix/webix.d.ts#L6716

You need to add the similar section with name of custom view

16

As I have create couple of custom controls, the code is currently in javascript using webix.protoUI method.

For tree control i am extending tree interface but when I pass “tree” to prototype method it gives error saying “property webix.ui.tree cannot be found”. to overcome this, I have to decalre var tree: tree; in webix.d.ts.

Similary for, CKEdition I am inheriting webix.ui.view and had to declare a new variable var view: view:

when converting js code to ts for ckeditor, inside $setSize function, call to follwing throws error as property “prototype cannot be found”:

webix.ui.view.prototype.$setSize.call (Line no: 31)

Line 17 throws error:

window.CKEDITOR_BASEPATH = webix.codebase + “ckeditor/”;
as window.CKEDITOR_BASEPATH cannot be found

had to overcome this by:

interface Window {
CKEDITOR_BASEPATH: string;
}

finally, call to webix.require() throws error as number of arguments does not match:

Line no 18
no arguments defined for callback functioin and this object in type definition file. had to change to following in type definition file

function require(url: string, callback?: WebixCallback, obj?: any): void;

Type definition file used is v2.4.0

kindly confirm if the above changes are correct. Thank you.