jodit 3.15.2 → 3.16.2

package/src/jodit.ts

@@ -27,16 +27,16 @@ import type {
 	IFileBrowserCallBackData,
 	IStorage,
 	CanPromise,
-	IObserver
+	IHistory
 } from './types';
 
 import { Config } from './config';
-import * as consts from './core/constants';
+import * as constants from './core/constants';
 
 import {
 	Create,
 	Dom,
-	Observer,
+	History,
 	Plugin,
 	Select,
 	StatusBar,
@@ -59,7 +59,8 @@ import {
 	markAsAtomic,
 	ConfigProto,
 	kebabCase,
-	isJoditObject
+	isJoditObject,
+	isNumber
 } from './core/helpers/';
 
 import { Storage } from './core/storage/';
@@ -67,7 +68,7 @@ import { Storage } from './core/storage/';
 import { ViewWithToolbar } from './core/view/view-with-toolbar';
 
 import { instances, pluginSystem, modules, lang } from './core/global';
-import { autobind, cache } from './core/decorators';
+import { autobind, cache, throttle, watch } from './core/decorators';
 
 const __defaultStyleDisplayKey = 'data-jodit-default-style-display';
 const __defaultClassesKey = 'data-jodit-default-classes';
@@ -77,7 +78,7 @@ const __defaultClassesKey = 'data-jodit-default-classes';
  */
 export class Jodit extends ViewWithToolbar implements IJodit {
 	/** @override */
-	className(): string {
+	override className(): string {
 		return 'Jodit';
 	}
 
@@ -123,12 +124,12 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 
 	/**
 	 * Return default timeout period in milliseconds for some debounce or throttle functions.
-	 * By default return `{observer.timeout}` options
+	 * By default, `{history.timeout}` options
 	 */
 	override get defaultTimeout(): number {
-		return this.options && this.o.observer
-			? this.o.observer.timeout
-			: Config.defaultOptions.observer.timeout;
+		return isNumber(this.o.defaultTimeout)
+			? this.o.defaultTimeout
+			: Config.defaultOptions.defaultTimeout;
 	}
 
 	/**
@@ -173,6 +174,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	static readonly ns: IDictionary<Function> = modules;
 
 	static readonly decorators: IDictionary<Function> = {};
+	static readonly constants: typeof constants = constants;
 	static readonly instances: IDictionary<IJodit> = instances;
 
 	static readonly lang: any = lang;
@@ -266,8 +268,15 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 		this.setPlaceField('iframe', iframe);
 	}
 
-	get observer(): IObserver {
-		return this.currentPlace.observer;
+	get history(): IHistory {
+		return this.currentPlace.history;
+	}
+
+	/**
+	 * @deprecated Instead use `Jodit.history`
+	 */
+	get observer(): IHistory {
+		return this.history;
 	}
 
 	/**
@@ -369,7 +378,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 		return jodit.getInstance<IFileBrowser>('FileBrowser', options);
 	}
 
-	private __mode: Modes = consts.MODE_WYSIWYG;
+	private __mode: Modes = constants.MODE_WYSIWYG;
 
 	/**
 	 * Editor's mode
@@ -425,6 +434,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 
 	set value(html: string) {
 		this.setEditorValue(html);
+		this.history.processChanges();
 	}
 
 	/**
@@ -439,7 +449,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 		 * If returned not undefined getEditorValue will return this value
 		 * @example
 		 * ```javascript
-		 * var editor = new Jodit("#redactor");
+		 * var editor = Jodit.make("#redactor");
 		 * editor.e.on('beforeGetValueFromEditor', function () {
 		 *     return editor.editor.innerHTML.replace(/a/g, 'b');
 		 * });
@@ -454,7 +464,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 		}
 
 		value = this.getNativeEditorValue().replace(
-			consts.INVISIBLE_SPACE_REG_EXP(),
+			constants.INVISIBLE_SPACE_REG_EXP(),
 			''
 		);
 
@@ -475,7 +485,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 		 *
 		 * @example
 		 * ```javascript
-		 * var editor = new Jodit("#redactor");
+		 * var editor = Jodit.make("#redactor");
 		 * editor.e.on('afterGetValueFromEditor', function (new_value) {
 		 *     new_value.value = new_value.value.replace('a', 'b');
 		 * });
@@ -490,6 +500,11 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 
 	private __callChangeCount = 0;
 
+	@throttle()
+	synchronizeValues(): void {
+		this.setEditorValue();
+	}
+
 	/**
 	 * Set editor html value and if set sync fill source element value
 	 * When method was called without arguments - it is simple way to synchronize editor to element
@@ -499,7 +514,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 		 * Triggered before getEditorValue set value to wysiwyg.
 		 * @example
 		 * ```javascript
-		 * var editor = new Jodit("#redactor");
+		 * var editor = Jodit.make("#redactor");
 		 * editor.e.on('beforeSetValueToEditor', function (old_value) {
 		 *     return old_value.value.replace('a', 'b');
 		 * });
@@ -545,21 +560,29 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 		if (
 			!this.isSilentChange &&
 			old_value !== new_value &&
-			this.__callChangeCount < consts.SAFE_COUNT_CHANGE_CALL
+			this.__callChangeCount < constants.SAFE_COUNT_CHANGE_CALL
 		) {
 			this.setElementValue(new_value);
 			this.__callChangeCount += 1;
 
 			try {
-				this.observer.upTick();
+				this.history.upTick();
 				this.e.fire('change', new_value, old_value);
-				this.e.fire(this.observer, 'change', new_value, old_value);
+				this.e.fire(this.history, 'change', new_value, old_value);
 			} finally {
 				this.__callChangeCount = 0;
 			}
 		}
 	}
 
+	/**
+	 * If some plugin changes the DOM directly, then you need to update the content of the original element
+	 */
+	@watch(':internalChange')
+	protected updateElementValue(): void {
+		this.setElementValue(this.getEditorValue());
+	}
+
 	/**
 	 * Return source element value
 	 */
@@ -600,7 +623,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	 *
 	 * @example
 	 * ```javascript
-	 * var jodit = new Jodit('#editor);
+	 * var jodit = Jodit.make('#editor);
 	 *
 	 * jodit.setEditorValue('test test test');
 	 *
@@ -865,7 +888,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	}
 
 	isEditorMode(): boolean {
-		return this.getRealMode() === consts.MODE_WYSIWYG;
+		return this.getRealMode() === constants.MODE_WYSIWYG;
 	}
 
 	/**
@@ -875,12 +898,12 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	 *
 	 * @example
 	 * ```javascript
-	 * var editor = new Jodit('#editor');
+	 * var editor = Jodit.make('#editor');
 	 * console.log(editor.getRealMode());
 	 * ```
 	 */
 	getRealMode(): Modes {
-		if (this.getMode() !== consts.MODE_SPLIT) {
+		if (this.getMode() !== constants.MODE_SPLIT) {
 			return this.getMode();
 		}
 
@@ -892,10 +915,10 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 				Dom.isOrContains(this.editor, active) ||
 				Dom.isOrContains(this.toolbar.container, active))
 		) {
-			return consts.MODE_WYSIWYG;
+			return constants.MODE_WYSIWYG;
 		}
 
-		return consts.MODE_SOURCE;
+		return constants.MODE_SOURCE;
 	}
 
 	/**
@@ -918,7 +941,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 		 * @param data - PlainObject `{mode: {string}}` In handler you can change data.mode
 		 * @example
 		 * ```javascript
-		 * var editor = new Jodit("#redactor");
+		 * var editor = Jodit.make("#redactor");
 		 * editor.e.on('beforeSetMode', function (data) {
 		 *     data.mode = Jodit.MODE_SOURCE; // not respond to the mode change. Always make the source code mode
 		 * });
@@ -929,12 +952,12 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 		}
 
 		this.__mode = [
-			consts.MODE_SOURCE,
-			consts.MODE_WYSIWYG,
-			consts.MODE_SPLIT
+			constants.MODE_SOURCE,
+			constants.MODE_WYSIWYG,
+			constants.MODE_SPLIT
 		].includes(data.mode)
 			? data.mode
-			: consts.MODE_WYSIWYG;
+			: constants.MODE_WYSIWYG;
 
 		if (this.o.saveModeInStorage) {
 			this.storage.set('jodit_default_mode', this.mode);
@@ -950,7 +973,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 		 * Triggered after setMode executed
 		 * @example
 		 * ```javascript
-		 * var editor = new Jodit("#redactor");
+		 * var editor = Jodit.make("#redactor");
 		 * editor.e.on('afterSetMode', function () {
 		 *     editor.setEditorValue(''); // clear editor's value after change mode
 		 * });
@@ -966,7 +989,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	 *
 	 * @example
 	 * ```javascript
-	 * var editor = new Jodit('#editor');
+	 * var editor = Jodit.make('#editor');
 	 * editor.toggleMode();
 	 * ```
 	 */
@@ -975,14 +998,14 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 
 		if (
 			[
-				consts.MODE_SOURCE,
-				consts.MODE_WYSIWYG,
-				this.o.useSplitMode ? consts.MODE_SPLIT : 9
+				constants.MODE_SOURCE,
+				constants.MODE_WYSIWYG,
+				this.o.useSplitMode ? constants.MODE_SPLIT : 9
 			].includes(mode + 1)
 		) {
 			mode += 1;
 		} else {
-			mode = consts.MODE_WYSIWYG;
+			mode = constants.MODE_WYSIWYG;
 		}
 
 		this.setMode(mode);
@@ -1078,6 +1101,8 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	 *
 	 * @param element - Selector or HTMLElement
 	 * @param options - Editor's options
+	 *
+	 * @deprecated - Instead use `Jodit.make`
 	 */
 	constructor(element: HTMLElement | string, options?: object) {
 		super(options as IViewOptions, true);
@@ -1138,7 +1163,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 
 				instances[this.id] = this;
 
-				const init = () => {
+				const init = (): void => {
 					if (this.e) {
 						this.e.fire('afterInit', this);
 					}
@@ -1276,7 +1301,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 						Config.defaultOptions
 				  ) as IWorkPlace['options'])
 				: this.options,
-			observer: new Observer(this),
+			history: new History(this),
 			editorWindow: this.ow
 		};
 
@@ -1291,7 +1316,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 
 		const opt = this.options;
 
-		const init = () => {
+		const init = (): void => {
 			if (
 				opt.enableDragAndDropFileToEditor &&
 				opt.uploader &&
@@ -1325,7 +1350,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 		}
 
 		if (!this.isEditorMode()) {
-			this.setMode(consts.MODE_WYSIWYG);
+			this.setMode(constants.MODE_WYSIWYG);
 		}
 
 		this.currentPlace = place;
@@ -1458,15 +1483,9 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	 * Attach some native event listeners
 	 */
 	@autobind
-	private prepareWYSIWYGEditor() {
+	private prepareWYSIWYGEditor(): void {
 		const { editor } = this;
 
-		if (this.o.spellcheck) {
-			this.editor.setAttribute('spellcheck', 'true');
-		} else {
-			this.editor.setAttribute('spellcheck', 'false');
-		}
-
 		// direction
 		if (this.o.direction) {
 			const direction =
@@ -1485,9 +1504,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 					this.setCurrentPlace(place);
 				}
 			})
-			.on(editor, 'compositionend', () => {
-				this.setEditorValue();
-			})
+			.on(editor, 'compositionend', this.synchronizeValues)
 			.on(
 				editor,
 				'selectionchange selectionstart keydown keyup input keypress dblclick mousedown mouseup ' +
@@ -1510,7 +1527,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 							return false;
 						}
 
-						this.setEditorValue();
+						this.synchronizeValues();
 					}
 				}
 			);
@@ -1553,7 +1570,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 				element,
 				iframe,
 				editor,
-				observer
+				history
 			}) => {
 				if (element !== container) {
 					if (element.hasAttribute(__defaultStyleDisplayKey)) {
@@ -1578,7 +1595,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 					element.removeAttribute('style');
 				}
 
-				!statusbar.isInDestruct && statusbar.destruct();
+				statusbar.destruct();
 
 				this.e.off(container);
 				this.e.off(element);
@@ -1604,7 +1621,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 					element.innerHTML = buffer;
 				}
 
-				!observer.isInDestruct && observer.destruct();
+				history.destruct();
 			}
 		);
 

package/src/langs/README.md

@@ -75,7 +75,7 @@ Jodit.make('#editor', {
 To use internationalization in your own plugin, use the method [[Jodit.i18n]]
 
 ```js
-const editor = new Jodit('#redactor', {
+const editor = Jodit.make('#redactor', {
 	language: 'ru'
 });
 console.log(editor.i18n('Type something')); //'Введите что-либо тут...'

package/src/langs/ar.js

@@ -222,5 +222,6 @@ module.exports = {
 	'Word Paste Detected': 'كلمة لصق الكشف عن',
 	Clean: 'نظيفة',
 	'Insert className': 'أدخل اسم الفصل',
-	'Line height': 'ارتفاع الخط'
+	'Line height': 'ارتفاع الخط',
+	Spellchecking: 'التدقيق الإملائي'
 };

package/src/langs/cs_cz.js

@@ -224,5 +224,6 @@ module.exports = {
 	'Find Previous': 'Najít Předchozí',
 	'Find Next': 'Najít Další',
 	'Insert className': 'Vložte název třídy',
-	'Line height': 'Výška čáry'
+	'Line height': 'Výška čáry',
+	Spellchecking: 'Kontrola pravopisu'
 };

package/src/langs/de.js

@@ -229,5 +229,6 @@ module.exports = {
 	'Find Previous': 'Suche vorherige',
 	'Find Next': 'Weitersuchen',
 	'Insert className': 'className (CSS) einfügen',
-	'Line height': 'Zeilenhöhe'
+	'Line height': 'Zeilenhöhe',
+	Spellchecking: 'Rechtschreibprüfung'
 };

package/src/langs/es.js

@@ -228,5 +228,6 @@ module.exports = {
 	'Find Previous': 'Buscar Anterior',
 	'Find Next': 'Buscar Siguiente',
 	'Insert className': 'Insertar nombre de clase',
-	'Line height': 'Altura de la línea'
+	'Line height': 'Altura de la línea',
+	Spellchecking: 'Corrección ortográfica'
 };

package/src/langs/fa.js

@@ -224,5 +224,6 @@ module.exports = {
 	'Find Previous': 'پیدا کردن قبلی',
 	'Find Next': 'پیدا کردن بعدی',
 	'Insert className': 'Insertar nombre de clase',
-	'Line height': 'ارتفاع خط'
+	'Line height': 'ارتفاع خط',
+	Spellchecking: 'غلطیابی املایی'
 };

package/src/langs/fr.js

@@ -219,5 +219,6 @@ module.exports = {
 	'Find Previous': 'Trouvez Précédente',
 	'Find Next': 'Suivant',
 	'Insert className': 'Insérer un nom de classe',
-	'Line height': 'Hauteur de ligne'
+	'Line height': 'Hauteur de ligne',
+	Spellchecking: 'Vérification Orthographique'
 };

package/src/langs/he.js

@@ -223,5 +223,6 @@ module.exports = {
 	'Find Previous': 'מצא את הקודם',
 	'Find Next': 'חפש את הבא',
 	'Insert className': 'הכנס את שם הכיתה',
-	'Line height': 'גובה שורה'
+	'Line height': 'גובה שורה',
+	Spellchecking: 'בדיקת איות'
 };

package/src/langs/hu.js

@@ -225,5 +225,6 @@ module.exports = {
 	'Find Previous': 'Megtalálja Előző',
 	'Find Next': 'Következő Keresése',
 	'Insert className': 'Helyezze be az osztály nevét',
-	'Line height': 'Vonal magassága'
+	'Line height': 'Vonal magassága',
+	Spellchecking: 'Helyesírás-ellenőrzés'
 };

package/src/langs/id.js

@@ -224,5 +224,6 @@ module.exports = {
 	'Find Previous': 'Menemukan Sebelumnya',
 	'Find Next': 'Menemukan Berikutnya',
 	'Insert className': 'Masukkan nama kelas',
-	'Line height': 'Tinggi baris'
+	'Line height': 'Tinggi baris',
+	Spellchecking: 'Spellchecking'
 };

package/src/langs/index.ts

@@ -63,7 +63,7 @@ if (!process.env.EXCLUDE_LANGS) {
 }
 
 /* Unpack array to hash */
-const get = (value: IDictionary) => value.default || value,
+const get = (value: IDictionary): IDictionary => value.default || value,
 	hashLang: IDictionary = {};
 
 if (isArray(get(en))) {

package/src/langs/it.js

@@ -224,5 +224,6 @@ module.exports = {
 	'Find Previous': 'Trova Precedente',
 	'Find Next': 'Trova Successivo',
 	'Insert className': 'Inserisci il nome della classe',
-	'Line height': 'Altezza linea'
+	'Line height': 'Altezza linea',
+	Spellchecking: 'Controllo ortografico'
 };

package/src/langs/ja.js

@@ -227,5 +227,6 @@ module.exports = {
 	'Upper Alpha': '英大文字',
 	'Upper Roman': 'ローマ数字大文字',
 	'Insert className': 'クラス名を挿入',
-	'Line height': 'ラインの高さ'
+	'Line height': 'ラインの高さ',
+	Spellchecking: 'スペルチェック'
 };

package/src/langs/ko.js

@@ -222,5 +222,6 @@ module.exports = {
 	'Find Previous': '이전 찾기',
 	'Find Next': '다음 찾기',
 	'Insert className': 'className 입력',
-	'Line height': '선 높이'
+	'Line height': '선 높이',
+	Spellchecking: '맞춤법 검사'
 };

package/src/langs/nl.js

@@ -225,5 +225,6 @@ module.exports = {
 	'Find Previous': 'Vorige Zoeken',
 	'Find Next': 'Volgende Zoeken',
 	'Insert className': 'Voeg de klassenaam in',
-	'Line height': 'Lijnhoogte'
+	'Line height': 'Lijnhoogte',
+	Spellchecking: 'Spellingcontrole'
 };

package/src/langs/pl.js

@@ -225,5 +225,6 @@ module.exports = {
 	'Find Previous': 'Znaleźć Poprzednie',
 	'Find Next': 'Znajdź Dalej',
 	'Insert className': 'Wstaw nazwę zajęć',
-	'Line height': 'Wysokość linii'
+	'Line height': 'Wysokość linii',
+	Spellchecking: 'Sprawdzanie pisowni'
 };

package/src/langs/pt_br.js

@@ -228,5 +228,6 @@ module.exports = {
 	'Find Previous': 'Encontrar Anteriores',
 	'Find Next': 'Localizar Próxima',
 	'Insert className': 'Insira o nome da classe',
-	'Line height': 'Altura da linha'
+	'Line height': 'Altura da linha',
+	Spellchecking: 'Verificação ortográfica'
 };

package/src/langs/ru.js

@@ -223,5 +223,6 @@ module.exports = {
 	'Find Previous': 'Найти Предыдущие',
 	'Find Next': 'Найти Далее',
 	'Insert className': 'Вставить название класса',
-	'Line height': 'Высота линии'
+	'Line height': 'Высота линии',
+	Spellchecking: 'Проверка орфографии'
 };

package/src/langs/tr.js

@@ -223,5 +223,6 @@ module.exports = {
 	'Find Previous': 'Öncekini Bul',
 	'Find Next': 'Sonrakini Bul',
 	'Insert className': 'Sınıf adı girin',
-	'Line height': 'Çizgi yüksekliği'
+	'Line height': 'Çizgi yüksekliği',
+	Spellchecking: 'Yazım denetimi'
 };

package/src/langs/zh_cn.js

@@ -223,5 +223,6 @@ module.exports = {
 	'Find Previous': '查找上一个',
 	'Find Next': '查找下一个',
 	'Insert className': '插入班级名称',
-	'Line height': '线高'
+	'Line height': '线高',
+	Spellchecking: '拼写检查'
 };

package/src/langs/zh_tw.js

@@ -221,5 +221,6 @@ module.exports = {
 	'Find Previous': 'ค้นหาก่อนหน้านี้',
 	'Find Next': 'ค้นหาถัดไป',
 	'Insert className': 'ใส่ชื่อคลาส',
-	'Line height': 'ความสูงเส้น'
+	'Line height': 'ความสูงเส้น',
+	Spellchecking: 'สะกดคำ'
 };

package/src/modules/dialog/dialog.ts

@@ -111,15 +111,15 @@ export class Dialog extends ViewWithToolbar implements IDialog {
 	private startY: number = 0;
 	private startPoint = { x: 0, y: 0, w: 0, h: 0 };
 
-	private lockSelect = () => {
+	private lockSelect = (): void => {
 		this.setMod('moved', true);
 	};
 
-	private unlockSelect = () => {
+	private unlockSelect = (): void => {
 		this.setMod('moved', false);
 	};
 
-	private setElements(root: HTMLElement, elements: Content) {
+	private setElements(root: HTMLElement, elements: Content): void {
 		const elements_list: HTMLElement[] = [];
 
 		asArray<ContentItem | ContentItem[] | IContainer>(elements).forEach(
@@ -215,7 +215,7 @@ export class Dialog extends ViewWithToolbar implements IDialog {
 	}
 
 	@autobind
-	private onMouseMove(e: MouseEvent) {
+	private onMouseMove(e: MouseEvent): void {
 		if (this.draggable && this.o.draggable) {
 			this.setPosition(
 				this.startPoint.x + e.clientX - this.startX,
@@ -276,7 +276,7 @@ export class Dialog extends ViewWithToolbar implements IDialog {
 		}
 	}
 
-	private onResize = () => {
+	private onResize = (): void => {
 		if (
 			this.options &&
 			this.o.resizable &&
@@ -290,7 +290,7 @@ export class Dialog extends ViewWithToolbar implements IDialog {
 	};
 
 	@autobind
-	private onResizerMouseDown(e: MouseEvent) {
+	private onResizerMouseDown(e: MouseEvent): void {
 		this.resizable = true;
 		this.startX = e.clientX;
 		this.startY = e.clientY;

package/src/modules/dialog/prompt.ts

@@ -64,7 +64,7 @@ export const Prompt = (
 
 	cancelButton.onAction(dialog.close);
 
-	const onclick = () => {
+	const onclick = (): void => {
 		if (
 			!callback ||
 			!isFunction(callback) ||

package/src/modules/file-browser/README.md

@@ -141,7 +141,7 @@ Jodit.make('#editor', {
 Example:
 
 ```javascript
-var editor = new Jodit('#editor', {
+var editor = Jodit.make('#editor', {
 	filebrowser: {
 		buttons: [
 			'filebrowser.upload',
@@ -330,7 +330,7 @@ Jodit.make('#editor2', {
 Example:
 
 ```javascript
-var editor = new Jodit('#jodit', {
+var editor = Jodit.make('#jodit', {
 	uploader: {
 		url: 'connector/upload.php',
 		baseurl: 'images/'