jodit 4.0.0-beta.94 → 4.0.0-beta.98

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/CHANGELOG.md +13 -5
  2. package/README.md +5 -5
  3. package/es2015/jodit.css +1 -1
  4. package/es2015/jodit.fat.min.js +2 -2
  5. package/es2015/jodit.js +89 -73
  6. package/es2015/jodit.min.js +2 -2
  7. package/es2015/plugins/debug/debug.js +1 -1
  8. package/es2015/plugins/debug/debug.min.js +1 -1
  9. package/es2015/plugins/speech-recognize/speech-recognize.css +1 -1
  10. package/es2015/plugins/speech-recognize/speech-recognize.js +1 -1
  11. package/es2015/plugins/speech-recognize/speech-recognize.min.js +1 -1
  12. package/es2018/jodit.css +1 -1
  13. package/es2018/jodit.fat.min.js +2 -2
  14. package/es2018/jodit.js +89 -73
  15. package/es2018/jodit.min.js +2 -2
  16. package/es2018/plugins/debug/debug.js +1 -1
  17. package/es2018/plugins/debug/debug.min.js +1 -1
  18. package/es2018/plugins/speech-recognize/speech-recognize.css +1 -1
  19. package/es2018/plugins/speech-recognize/speech-recognize.js +1 -1
  20. package/es2018/plugins/speech-recognize/speech-recognize.min.js +1 -1
  21. package/es2021/jodit.css +1 -1
  22. package/es2021/jodit.fat.min.js +2 -2
  23. package/es2021/jodit.js +89 -73
  24. package/es2021/jodit.min.js +2 -2
  25. package/es2021/plugins/debug/debug.js +1 -1
  26. package/es2021/plugins/debug/debug.min.js +1 -1
  27. package/es2021/plugins/speech-recognize/speech-recognize.css +1 -1
  28. package/es2021/plugins/speech-recognize/speech-recognize.js +1 -1
  29. package/es2021/plugins/speech-recognize/speech-recognize.min.js +1 -1
  30. package/es2021.en/jodit.css +1 -1
  31. package/es2021.en/jodit.fat.min.js +2 -2
  32. package/es2021.en/jodit.js +89 -73
  33. package/es2021.en/jodit.min.js +2 -2
  34. package/es2021.en/plugins/debug/debug.js +1 -1
  35. package/es2021.en/plugins/debug/debug.min.js +1 -1
  36. package/es2021.en/plugins/speech-recognize/speech-recognize.css +1 -1
  37. package/es2021.en/plugins/speech-recognize/speech-recognize.js +1 -1
  38. package/es2021.en/plugins/speech-recognize/speech-recognize.min.js +1 -1
  39. package/es5/jodit.css +2 -2
  40. package/es5/jodit.fat.min.js +2 -2
  41. package/es5/jodit.js +93 -73
  42. package/es5/jodit.min.css +2 -2
  43. package/es5/jodit.min.js +2 -2
  44. package/es5/plugins/debug/debug.js +1 -1
  45. package/es5/plugins/debug/debug.min.js +1 -1
  46. package/es5/plugins/speech-recognize/speech-recognize.css +1 -1
  47. package/es5/plugins/speech-recognize/speech-recognize.js +1 -1
  48. package/es5/plugins/speech-recognize/speech-recognize.min.js +1 -1
  49. package/esm/core/constants.js +1 -1
  50. package/esm/core/helpers/string/ucfirst.js +1 -1
  51. package/esm/core/helpers/utils/index.d.ts +0 -1
  52. package/esm/core/helpers/utils/index.js +0 -1
  53. package/esm/core/selection/interface.d.ts +1 -1
  54. package/esm/core/ui/form/inputs/area/area.d.ts +1 -1
  55. package/esm/core/ui/form/inputs/area/area.js +1 -1
  56. package/esm/core/ui/form/inputs/checkbox/checkbox.d.ts +1 -1
  57. package/esm/core/ui/form/inputs/checkbox/checkbox.js +1 -1
  58. package/esm/core/ui/form/inputs/file/file.d.ts +1 -1
  59. package/esm/core/ui/form/inputs/file/file.js +1 -1
  60. package/esm/core/ui/form/inputs/index.d.ts +1 -1
  61. package/esm/core/ui/form/inputs/index.js +1 -1
  62. package/esm/core/ui/form/inputs/input/input.d.ts +1 -1
  63. package/esm/core/ui/form/inputs/input/input.js +1 -1
  64. package/esm/core/ui/form/inputs/select/select.d.ts +1 -1
  65. package/esm/core/ui/form/inputs/select/select.js +1 -1
  66. package/esm/core/view/view.d.ts +1 -0
  67. package/esm/core/view/view.js +4 -1
  68. package/esm/jodit.d.ts +2 -1
  69. package/esm/jodit.js +6 -0
  70. package/esm/modules/messages/messages.d.ts +28 -0
  71. package/esm/modules/messages/messages.js +28 -0
  72. package/esm/modules/table/table.d.ts +4 -2
  73. package/esm/modules/table/table.js +2 -0
  74. package/esm/modules/uploader/helpers/send.js +6 -1
  75. package/esm/modules/widget/color-picker/color-picker.d.ts +1 -1
  76. package/esm/modules/widget/color-picker/color-picker.js +1 -1
  77. package/esm/modules/widget/file-selector/file-selector.d.ts +1 -18
  78. package/esm/modules/widget/file-selector/file-selector.js +12 -19
  79. package/esm/modules/widget/tabs/tabs.d.ts +17 -6
  80. package/esm/modules/widget/tabs/tabs.js +17 -6
  81. package/package.json +1 -1
  82. package/types/core/helpers/utils/index.d.ts +0 -1
  83. package/types/core/selection/interface.d.ts +1 -1
  84. package/types/core/ui/form/inputs/area/area.d.ts +1 -1
  85. package/types/core/ui/form/inputs/checkbox/checkbox.d.ts +1 -1
  86. package/types/core/ui/form/inputs/file/file.d.ts +1 -1
  87. package/types/core/ui/form/inputs/index.d.ts +1 -1
  88. package/types/core/ui/form/inputs/input/input.d.ts +1 -1
  89. package/types/core/ui/form/inputs/select/select.d.ts +1 -1
  90. package/types/core/view/view.d.ts +1 -0
  91. package/types/jodit.d.ts +2 -1
  92. package/types/modules/messages/messages.d.ts +28 -0
  93. package/types/modules/table/table.d.ts +4 -2
  94. package/types/modules/widget/color-picker/color-picker.d.ts +1 -1
  95. package/types/modules/widget/file-selector/file-selector.d.ts +1 -18
  96. package/types/modules/widget/tabs/tabs.d.ts +17 -6
  97. package/esm/core/helpers/utils/val.d.ts +0 -9
  98. package/esm/core/helpers/utils/val.js +0 -18
  99. package/types/core/helpers/utils/val.d.ts +0 -9
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
3
3
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
4
- * Version: v4.0.0-beta.94
4
+ * Version: v4.0.0-beta.98
5
5
  * Url: https://xdsoft.net/jodit/
6
6
  * License(s): MIT
7
7
  */
@@ -1716,7 +1716,7 @@ __webpack_require__.r(__webpack_exports__);
1716
1716
  * Released under MIT see LICENSE.txt in the project root for license information.
1717
1717
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
1718
1718
  */
1719
- const APP_VERSION = "4.0.0-beta.94";
1719
+ const APP_VERSION = "4.0.0-beta.98";
1720
1720
  // prettier-ignore
1721
1721
  const ES = "es2021";
1722
1722
  const IS_ES_MODERN = true;
@@ -7042,7 +7042,7 @@ function ucfirst(value) {
7042
7042
  if (!value.length) {
7043
7043
  return '';
7044
7044
  }
7045
- return value[0].toUpperCase() + value.substr(1);
7045
+ return value[0].toUpperCase() + value.substring(1);
7046
7046
  }
7047
7047
 
7048
7048
 
@@ -8197,8 +8197,7 @@ __webpack_require__.r(__webpack_exports__);
8197
8197
  /* harmony export */ reset: function() { return /* reexport safe */ _reset__WEBPACK_IMPORTED_MODULE_21__.m; },
8198
8198
  /* harmony export */ resolveElement: function() { return /* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_23__.W2; },
8199
8199
  /* harmony export */ scrollIntoViewIfNeeded: function() { return /* reexport safe */ _scroll_into_view__WEBPACK_IMPORTED_MODULE_22__.n; },
8200
- /* harmony export */ set: function() { return /* reexport safe */ _set__WEBPACK_IMPORTED_MODULE_24__.t; },
8201
- /* harmony export */ val: function() { return /* reexport safe */ _val__WEBPACK_IMPORTED_MODULE_27__.P; }
8200
+ /* harmony export */ set: function() { return /* reexport safe */ _set__WEBPACK_IMPORTED_MODULE_24__.t; }
8202
8201
  /* harmony export */ });
8203
8202
  /* harmony import */ var _align__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13931);
8204
8203
  /* harmony import */ var _attr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23144);
@@ -8231,7 +8230,6 @@ __webpack_require__.r(__webpack_exports__);
8231
8230
  /* harmony import */ var _set__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(49155);
8232
8231
  /* harmony import */ var _stack__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(56114);
8233
8232
  /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(87398);
8234
- /* harmony import */ var _val__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(96416);
8235
8233
  /*!
8236
8234
  * Jodit Editor (https://xdsoft.net/jodit/)
8237
8235
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -8267,7 +8265,6 @@ __webpack_require__.r(__webpack_exports__);
8267
8265
 
8268
8266
 
8269
8267
 
8270
-
8271
8268
 
8272
8269
 
8273
8270
  /***/ }),
@@ -8982,35 +8979,6 @@ const getDataTransfer = (event) => {
8982
8979
  };
8983
8980
 
8984
8981
 
8985
- /***/ }),
8986
-
8987
- /***/ 96416:
8988
- /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8989
-
8990
- "use strict";
8991
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
8992
- /* harmony export */ P: function() { return /* binding */ val; }
8993
- /* harmony export */ });
8994
- /*!
8995
- * Jodit Editor (https://xdsoft.net/jodit/)
8996
- * Released under MIT see LICENSE.txt in the project root for license information.
8997
- * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
8998
- */
8999
- /**
9000
- * @module helpers/utils
9001
- */
9002
- const val = (elm, selector, value) => {
9003
- const child = elm.querySelector(selector);
9004
- if (!child) {
9005
- return '';
9006
- }
9007
- if (value) {
9008
- child.value = value;
9009
- }
9010
- return child.value;
9011
- };
9012
-
9013
-
9014
8982
  /***/ }),
9015
8983
 
9016
8984
  /***/ 97800:
@@ -13720,7 +13688,7 @@ UIForm = (0,tslib__WEBPACK_IMPORTED_MODULE_5__/* .__decorate */ .gn)([
13720
13688
  var UITextArea_1;
13721
13689
 
13722
13690
  /**
13723
- * @module ui/form/inputs
13691
+ * @module ui/form
13724
13692
  */
13725
13693
 
13726
13694
 
@@ -13774,7 +13742,7 @@ UITextArea = UITextArea_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_1__/* .__decorate
13774
13742
  var UICheckbox_1;
13775
13743
 
13776
13744
  /**
13777
- * @module ui/form/inputs
13745
+ * @module ui/form
13778
13746
  */
13779
13747
 
13780
13748
 
@@ -13863,7 +13831,7 @@ UICheckbox = UICheckbox_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_3__/* .__decorate
13863
13831
  */
13864
13832
 
13865
13833
  /**
13866
- * @module ui/form/inputs
13834
+ * @module ui/form
13867
13835
  */
13868
13836
 
13869
13837
 
@@ -13940,7 +13908,7 @@ UIFileInput = (0,tslib__WEBPACK_IMPORTED_MODULE_2__/* .__decorate */ .gn)([
13940
13908
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
13941
13909
  */
13942
13910
  /**
13943
- * @module ui/form/inputs
13911
+ * @module ui/form
13944
13912
  */
13945
13913
 
13946
13914
 
@@ -13974,7 +13942,7 @@ UIFileInput = (0,tslib__WEBPACK_IMPORTED_MODULE_2__/* .__decorate */ .gn)([
13974
13942
  var UIInput_1;
13975
13943
 
13976
13944
  /**
13977
- * @module ui/form/inputs
13945
+ * @module ui/form
13978
13946
  */
13979
13947
 
13980
13948
 
@@ -14213,7 +14181,7 @@ UIInput = UIInput_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .gn
14213
14181
  var UISelect_1;
14214
14182
 
14215
14183
  /**
14216
- * @module ui/form/inputs
14184
+ * @module ui/form
14217
14185
  */
14218
14186
 
14219
14187
 
@@ -15775,7 +15743,10 @@ let View = View_1 = class View extends jodit_modules__WEBPACK_IMPORTED_MODULE_3_
15775
15743
  return jodit_core_storage__WEBPACK_IMPORTED_MODULE_0__/* .Storage */ .Ke.makeStorage();
15776
15744
  }
15777
15745
  get message() {
15778
- return new jodit_modules_messages_messages__WEBPACK_IMPORTED_MODULE_8__/* .UIMessages */ .D(this, this.container);
15746
+ return this.getMessageModule(this.container);
15747
+ }
15748
+ getMessageModule(container) {
15749
+ return new jodit_modules_messages_messages__WEBPACK_IMPORTED_MODULE_8__/* .UIMessages */ .D(this, container);
15779
15750
  }
15780
15751
  /**
15781
15752
  * Container for persistent set/get value
@@ -16166,6 +16137,9 @@ let Jodit = Jodit_1 = class Jodit extends jodit_modules__WEBPACK_IMPORTED_MODULE
16166
16137
  get workplace() {
16167
16138
  return this.currentPlace.workplace;
16168
16139
  }
16140
+ get message() {
16141
+ return this.getMessageModule(this.workplace);
16142
+ }
16169
16143
  /**
16170
16144
  * Statusbar module
16171
16145
  */
@@ -17253,6 +17227,9 @@ Jodit.core = {
17253
17227
  (0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .gn)([
17254
17228
  jodit_core_decorators__WEBPACK_IMPORTED_MODULE_5__.cache
17255
17229
  ], Jodit.prototype, "createInside", null);
17230
+ (0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .gn)([
17231
+ jodit_core_decorators__WEBPACK_IMPORTED_MODULE_5__.cache
17232
+ ], Jodit.prototype, "message", null);
17256
17233
  (0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .gn)([
17257
17234
  jodit_core_decorators__WEBPACK_IMPORTED_MODULE_5__.cache
17258
17235
  ], Jodit.prototype, "s", null);
@@ -21798,15 +21775,43 @@ let UIMessages = class UIMessages extends jodit_core_ui_group_group__WEBPACK_IMP
21798
21775
  this.options = options;
21799
21776
  this.__messages = new Set();
21800
21777
  }
21778
+ /**
21779
+ * Show popup info message in the lower right corner of the container
21780
+ * ```js
21781
+ * const jodit = Jodit.make('#editor');
21782
+ * jodit.info('Hello world', 3000);
21783
+ * ```
21784
+ */
21801
21785
  info(text, timeout) {
21802
21786
  this.__message(text, 'info', timeout);
21803
21787
  }
21788
+ /**
21789
+ * Show popup success message in the lower right corner of the container
21790
+ * ```js
21791
+ * const jodit = Jodit.make('#editor');
21792
+ * jodit.success('Hello world', 3000);
21793
+ * ```
21794
+ */
21804
21795
  success(text, timeout) {
21805
21796
  this.__message(text, 'success', timeout);
21806
21797
  }
21798
+ /**
21799
+ * Show popup error message in the lower right corner of the container
21800
+ * ```js
21801
+ * const jodit = Jodit.make('#editor');
21802
+ * jodit.error('Hello world', 3000);
21803
+ * ```
21804
+ */
21807
21805
  error(text, timeout) {
21808
21806
  this.__message(text, 'error', timeout);
21809
21807
  }
21808
+ /**
21809
+ * Show popup message in the lower right corner of the container
21810
+ * ```js
21811
+ * const jodit = Jodit.make('#editor');
21812
+ * jodit.message('Hello world', 'info', 3000);
21813
+ * ```
21814
+ */
21810
21815
  message(text, variant, timeout) {
21811
21816
  this.__message(text, variant, timeout);
21812
21817
  }
@@ -22134,9 +22139,11 @@ class Table extends jodit_core_component__WEBPACK_IMPORTED_MODULE_3__/* .ViewCom
22134
22139
  /**
22135
22140
  * Inserts a new line after row what contains the selected cell
22136
22141
  *
22142
+ * @param table - Working table
22137
22143
  * @param line - Insert a new line after/before this
22138
22144
  * line contains the selected cell
22139
22145
  * @param after - Insert a new line after line contains the selected cell
22146
+ * @param create - Instance of Create class
22140
22147
  */
22141
22148
  static appendRow(table, line, after, create) {
22142
22149
  let row;
@@ -23966,7 +23973,12 @@ function send(uploader, data) {
23966
23973
  .send()
23967
23974
  .then(resp => resp.json())
23968
23975
  .catch(error => {
23969
- uploader.o.error.call(uploader, error);
23976
+ return {
23977
+ success: false,
23978
+ data: {
23979
+ messages: [error]
23980
+ }
23981
+ };
23970
23982
  })
23971
23983
  .finally(() => {
23972
23984
  ajax.destruct();
@@ -24233,7 +24245,7 @@ jodit_core_ui__WEBPACK_IMPORTED_MODULE_1__/* .Icon */ .JO.set('palette', (_palet
24233
24245
  * @param coldColor - Color value ex. #fff or rgb(123, 123, 123) or rgba(123, 123, 123, 1)
24234
24246
  * @example
24235
24247
  * ```javascript
24236
- * $tabs = TabsWidget(editor, {
24248
+ * const tabs = TabsWidget(editor, {
24237
24249
  * 'Text' : ColorPickerWidget(editor, function (color) {
24238
24250
  * box.style.color = color;
24239
24251
  * }, box.style.color),
@@ -24333,27 +24345,10 @@ const ColorPickerWidget = (editor, callback, coldColor) => {
24333
24345
  * Generate 3 tabs
24334
24346
  * upload - Use Drag and Drop
24335
24347
  * url - By specifying the image url
24336
- * filebrowser - After opening the file browser . In the absence of one of the parameters will be less tabs
24348
+ * filebrowser - After opening the file browser. In the absence of one of the parameters will be less tabs
24337
24349
  *
24338
24350
  * @param callbacks - Object with keys `url`, `upload` and `filebrowser`, values which are callback
24339
24351
  * functions with different parameters
24340
- *
24341
- * @example
24342
- * ```javascript
24343
- * let widget = new Jodit.modules.Widget(editor);
24344
- *
24345
- * return widget.c('ImageSelector', {
24346
- * url: function (url, alt) {
24347
- * editor.selections.insertImage(url);
24348
- * },
24349
- * upload: function (images) {
24350
- * editor.selections.insertImage(images[0]);
24351
- * },
24352
- * filebrowser: function (images) {
24353
- * editor.selections.insertImage(images[0]);
24354
- * }
24355
- * }, image);
24356
- * ```
24357
24352
  */
24358
24353
  const FileSelectorWidget = (editor, callbacks, elm, close, isImage = true) => {
24359
24354
  let currentImage;
@@ -24422,13 +24417,13 @@ const FileSelectorWidget = (editor, callbacks, elm, close, isImage = true) => {
24422
24417
  !jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom */ .i.isText(elm) &&
24423
24418
  (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom */ .i.isTag(elm, 'img') || (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.$$)('img', elm).length)) {
24424
24419
  currentImage = elm.tagName === 'IMG' ? elm : (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.$$)('img', elm)[0];
24425
- (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.val)(form.container, 'input[name=url]', (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.attr)(currentImage, 'src'));
24426
- (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.val)(form.container, 'input[name=text]', (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.attr)(currentImage, 'alt'));
24420
+ val(form.container, 'input[name=url]', (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.attr)(currentImage, 'src'));
24421
+ val(form.container, 'input[name=text]', (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.attr)(currentImage, 'alt'));
24427
24422
  button.state.text = 'Update';
24428
24423
  }
24429
24424
  if (elm && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom */ .i.isTag(elm, 'a')) {
24430
- (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.val)(form.container, 'input[name=url]', (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.attr)(elm, 'href'));
24431
- (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.val)(form.container, 'input[name=text]', (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.attr)(elm, 'title'));
24425
+ val(form.container, 'input[name=url]', (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.attr)(elm, 'href'));
24426
+ val(form.container, 'input[name=text]', (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_0__.attr)(elm, 'title'));
24432
24427
  button.state.text = 'Update';
24433
24428
  }
24434
24429
  form.onSubmit(data => {
@@ -24444,6 +24439,16 @@ const FileSelectorWidget = (editor, callbacks, elm, close, isImage = true) => {
24444
24439
  }
24445
24440
  return (0,jodit_modules_widget_tabs_tabs__WEBPACK_IMPORTED_MODULE_3__/* .TabsWidget */ .I)(editor, tabs);
24446
24441
  };
24442
+ function val(elm, selector, value) {
24443
+ const child = elm.querySelector(selector);
24444
+ if (!child) {
24445
+ return '';
24446
+ }
24447
+ if (value) {
24448
+ child.value = value;
24449
+ }
24450
+ return child.value;
24451
+ }
24447
24452
 
24448
24453
 
24449
24454
  /***/ }),
@@ -24513,12 +24518,23 @@ const FileSelectorWidget = (editor, callbacks, elm, close, isImage = true) => {
24513
24518
  *
24514
24519
  * @example
24515
24520
  * ```javascript
24516
- * let tabs = Jodit.modules.TabsWidget(editor, [
24517
- * {name: 'Images', content: '<div>Images</div>'},
24518
- * {name: 'Title 2': Jodit.modules.Helpers.dom('<div>Some content</div>')},
24519
- * {name: 'Color Picker': ColorPickerWidget(editor, function (color) {
24520
- * box.style.color = color;
24521
- * }, box.style.color)},
24521
+ * const editor = Jodit.make('#editor');
24522
+ * const tabs = Jodit.modules.TabsWidget(editor, [
24523
+ * { name: 'Images', content: '<div>Images</div>' },
24524
+ * {
24525
+ * name: 'Title 2',
24526
+ * content: editor.c.fromHTML('<div>Some content</div>')
24527
+ * },
24528
+ * {
24529
+ * name: 'Color Picker',
24530
+ * content: ColorPickerWidget(
24531
+ * editor,
24532
+ * function (color) {
24533
+ * box.style.color = color;
24534
+ * },
24535
+ * box.style.color
24536
+ * )
24537
+ * }
24522
24538
  * ]);
24523
24539
  * ```
24524
24540
  */