suneditor 2.45.0 → 2.46.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "suneditor",
-  "version": "2.45.0",
-  "description": "Pure JavaScript based WYSIWYG web editor",
+  "version": "2.46.0",
+  "description": "Vanilla javascript based WYSIWYG web editor, with no dependencies",
   "author": "JiHong.Lee",
   "license": "MIT",
   "main": "src/suneditor.js",
@@ -30,12 +30,14 @@
   ],
   "devDependencies": {
     "@babel/core": "^7.21.3",
+    "@octokit/rest": "^20.1.0",
     "@webpack-cli/init": "^0.2.2",
     "babel-loader": "^8.1.0",
     "clean-webpack-plugin": "^0.1.19",
     "codemirror": "^5.61.0",
     "css-loader": "^1.0.1",
     "csstype": "^2.6.13",
+    "dotenv": "^16.4.5",
     "file-loader": "^2.0.0",
     "html-webpack-plugin": "^3.2.0",
     "jasmine": "^2.99.0",
@@ -44,7 +46,7 @@
     "karma": "^6.3.19",
     "karma-chrome-launcher": "^2.2.0",
     "karma-jasmine": "^1.1.2",
-    "katex": "^0.11.1",
+    "katex": "^0.16.10",
     "mini-css-extract-plugin": "^0.4.5",
     "optimize-css-assets-webpack-plugin": "^5.0.4",
     "url-loader": "^1.1.2",
@@ -53,7 +55,6 @@
     "webpack-dev-server": "^3.11.0",
     "webpack-merge": "^4.2.2"
   },
-  "dependencies": {},
   "keywords": [
     "wysiwyg",
     "wysiwyg editor",

package/src/lang/fa.d.ts

@@ -0,0 +1,5 @@
+import { Lang } from './Lang';
+
+declare const fa: Lang;
+
+export default fa;

package/src/lang/fa.js

@@ -0,0 +1,188 @@
+/*
+ * wysiwyg web editor
+ *
+ * suneditor.js
+ * Copyright 2017 JiHong Lee.
+ * MIT license.
+ */
+'use strict';
+
+(function (global, factory) {
+    if (typeof module === 'object' && typeof module.exports === 'object') {
+        module.exports = global.document ?
+            factory(global, true) :
+            function (w) {
+                if (!w.document) {
+                    throw new Error('SUNEDITOR_LANG a window with a document');
+                }
+                return factory(w);
+            };
+    } else {
+        factory(global);
+    }
+}(typeof window !== 'undefined' ? window : this, function (window, noGlobal) {
+    const lang = {
+        code: 'fa',
+        toolbar: {
+            default: 'پیش فرض',
+            save: 'ذخیره',
+            font: 'فونت',
+            formats: 'قالب‌ها',
+            fontSize: 'اندازه‌ی فونت',
+            bold: 'پررنگ کردن',
+            underline: 'زیرخطدار کردن',
+            italic: 'کج کردن',
+            strike: 'خط میان‌دار کردن',
+            subscript: 'نوشتن به صورت زیر متن',
+            superscript: 'نوشتن به صورت بالای متن',
+            removeFormat: 'حذف قالب',
+            fontColor: 'رنگ پیش زمینه',
+            hiliteColor: 'رنگ پس‌زمینه',
+            indent: 'جلو بردن',
+            outdent: 'عقب بردن',
+            align: 'چیدمان',
+            alignLeft: 'چپ‌چین',
+            alignRight: 'راست‌چین',
+            alignCenter: 'وسط‌چین',
+            alignJustify: 'همتراز از هر دو سمت',
+            list: 'لیست',
+            orderList: 'لیست شمارشی',
+            unorderList: 'لیست گلوله‌ای',
+            horizontalRule: 'درج خط افقی',
+            hr_solid: 'تو پر',
+            hr_dotted: 'نقطه‌چین',
+            hr_dashed: 'خط تیره',
+            table: 'درج جدول',
+            link: 'درج لینک',
+            math: 'درج فرمول ریاضی',
+            image: 'درج تصویر',
+            video: 'درج ویدئو',
+            audio: 'درج صوت',
+            fullScreen: 'تمام صفحه',
+            showBlocks: 'نمایش بلاک‌بندی',
+            codeView: 'مشاهده‌ی کُد HTML',
+            undo: 'برگرداندن تغییر',
+            redo: 'تکرار تغییر',
+            preview: 'پیش نمایش',
+            print: 'چاپ',
+            tag_p: 'پاراگراف',
+            tag_div: 'عادی (DIV)',
+            tag_h: 'هدر',
+            tag_blockquote: 'نقل قول',
+            tag_pre: 'کُد',
+            template: 'درج محتوا بر اساس الگو',
+            lineHeight: 'ارتفاع خط',
+            paragraphStyle: 'استایل پاراگراف',
+            textStyle: 'استایل متن',
+            imageGallery: 'گالری تصاویر',
+            dir_ltr: 'چپ به راست',
+            dir_rtl: 'راست به چپ',
+            mention: 'ذکر کردن'
+        },
+        dialogBox: {
+            linkBox: {
+                title: 'درج  لینک',
+                url: 'آدرس لینک',
+                text: 'عنوان لینک',
+                newWindowCheck: 'در پنجره‌ی جدیدی باز شود',
+                downloadLinkCheck: 'لینک دانلود',
+                bookmark: 'نشان'
+            },
+            mathBox: {
+                title: 'فرمول ریاضی',
+                inputLabel: 'تعریف فرمول',
+                fontSizeLabel: 'اندازه‌ی فونت',
+                previewLabel: 'پیش نمایش'
+            },
+            imageBox: {
+                title: 'درج تصویر',
+                file: 'انتخاب فایل',
+                url: 'آدرس Url',
+                altText: 'متن جایگزین'
+            },
+            videoBox: {
+                title: 'درج ویدئو',
+                file: 'انتخاب فایل',
+                url: 'آدرس Url ویدئو, YouTube/Vimeo'
+            },
+            audioBox: {
+                title: 'درج صوت',
+                file: 'انتخاب فایل',
+                url: 'آدرس Url'
+            },
+            browser: {
+                tags: 'تگ‌ها',
+                search: 'جستجو',
+            },
+            caption: 'توضیح',
+            close: 'بستن',
+            submitButton: 'درج',
+            revertButton: 'برگرداندن تغییرات',
+            proportion: 'محدودیت اندازه',
+            basic: 'چیدمان پیش فرض',
+            left: 'چپ',
+            right: 'راست',
+            center: 'وسط',
+            width: 'پهنا',
+            height: 'ارتفاع',
+            size: 'اندازه',
+            ratio: 'نسبت'
+        },
+        controller: {
+            edit: 'ویرایش',
+            unlink: 'حذف لینک',
+            remove: 'حذف',
+            insertRowAbove: 'درج سطر در بالا',
+            insertRowBelow: 'درج سطر در پایین',
+            deleteRow: 'حذف سطر',
+            insertColumnBefore: 'درج یک ستون به عقب',
+            insertColumnAfter: 'درج یک ستون در جلو',
+            deleteColumn: 'حذف ستون',
+            fixedColumnWidth: 'اندازه ستون ثابت',
+            resize100: 'اندازه‌ی 100%',
+            resize75: 'اندازه‌ی 75%',
+            resize50: 'اندازه‌ی 50%',
+            resize25: 'اندازه‌ی 25%',
+            autoSize: 'اندازه‌ی خودکار',
+            mirrorHorizontal: 'بر عکس کردن در جهت افقی',
+            mirrorVertical: 'بر عکس کردن در جهت عمودی',
+            rotateLeft: 'دوران به چپ',
+            rotateRight: 'دوران به راست',
+            maxSize: 'حداکثر اندازه',
+            minSize: 'حداقل اندازه',
+            tableHeader: 'هدر جدول',
+            mergeCells: 'ادغام خانه‌ها',
+            splitCells: 'تقسیم خانه به چند خانه',
+            HorizontalSplit: 'تقسیم در جهت افقی',
+            VerticalSplit: 'تقسیم در جهت عمودی'
+        },
+        menu: {
+            spaced: 'فضادار',
+            bordered: 'لبه‌دار',
+            neon: 'نئونی',
+            translucent: 'نیمه شفاف',
+            shadow: 'سایه',
+            code: 'کُد'
+        }
+    };
+
+    if (typeof noGlobal === typeof undefined) {
+        if (!window.SUNEDITOR_LANG) {
+            Object.defineProperty(window, 'SUNEDITOR_LANG', {
+                enumerable: true,
+                writable: false,
+                configurable: false,
+                value: {}
+            });
+        }
+
+        Object.defineProperty(window.SUNEDITOR_LANG, 'fa', {
+            enumerable: true,
+            writable: true,
+            configurable: true,
+            value: lang
+        });
+    }
+
+    return lang;
+}));

package/src/lang/tr.d.ts

@@ -0,0 +1,5 @@
+import { Lang } from "./Lang";
+
+declare const tr: Lang;
+
+export default tr;

package/src/lang/tr.js

@@ -0,0 +1,191 @@
+/*
+ * wysiwyg web editor
+ *
+ * suneditor.js
+ * Copyright 2023 JiHong Lee.
+ *
+ * Turkish translation by worm-codes at github.com/worm-codes
+ *
+ * MIT license.
+ */
+'use strict';
+
+(function (global, factory) {
+    if (typeof module === 'object' && typeof module.exports === 'object') {
+        module.exports = global.document ?
+            factory(global, true) :
+            function (w) {
+                if (!w.document) {
+                    throw new Error('SUNEDITOR_LANG a window with a document');
+                }
+                return factory(w);
+            };
+    } else {
+        factory(global);
+    }
+}(typeof window !== 'undefined' ? window : this, function (window, noGlobal) {
+	const lang = {
+		code: "tr",
+		toolbar: {
+			default: "Varsayılan",
+			save: "Kaydet",
+			font: "Yazı Tipi",
+			formats: "Biçimlendirmeler",
+			fontSize: "Boyut",
+			bold: "Kalın",
+			underline: "Alt Çizili",
+			italic: "İtalik",
+			strike: "Üstü Çizili",
+			subscript: "Alt Simge",
+			superscript: "Üst Simge",
+			removeFormat: "Biçimi Kaldır",
+			fontColor: "Yazı Tipi Rengi",
+			hiliteColor: "Vurgu Rengi",
+			indent: "Girinti",
+			outdent: "Girintiyi Azalt",
+			align: "Hizala",
+			alignLeft: "Sola Hizala",
+			alignRight: "Sağa Hizala",
+			alignCenter: "Ortaya Hizala",
+			alignJustify: "İki Yana Yasla",
+			list: "Liste",
+			orderList: "Sıralı Liste",
+			unorderList: "Sırasız Liste",
+			horizontalRule: "Yatay Çizgi",
+			hr_solid: "Düz",
+			hr_dotted: "Noktalı",
+			hr_dashed: "Kesikli",
+			table: "Tablo",
+			link: "Bağlantı",
+			math: "Matematik",
+			image: "Görsel",
+			video: "Video",
+			audio: "Ses",
+			fullScreen: "Tam Ekran",
+			showBlocks: "Blokları Göster",
+			codeView: "Kod Görünümü",
+			undo: "Geri Al",
+			redo: "İleri Al",
+			preview: "Önizleme",
+			print: "Yazdır",
+			tag_p: "Paragraf",
+			tag_div: "Normal (DIV)",
+			tag_h: "Başlık",
+			tag_blockquote: "Alıntı",
+			tag_pre: "Kod",
+			template: "Şablon",
+			lineHeight: "Satır Yüksekliği",
+			paragraphStyle: "Paragraf Stili",
+			textStyle: "Metin Stili",
+			imageGallery: "Görüntü Galerisi",
+			dir_ltr: "Soldan Sağa",
+			dir_rtl: "Sağdan Sola",
+			mention: "Belirtmek"
+		},
+		dialogBox: {
+			linkBox: {
+				title: "Bağlantı Ekle",
+				url: "Bağlantı URL'si",
+				text: "Görüntülenecek Metin",
+				newWindowCheck: "Yeni Pencerede Aç",
+				downloadLinkCheck: "Bağlantıyı İndir",
+				bookmark: "Bağlantıyı Yer İmlerine Ekle"
+			},
+			mathBox: {
+				title: "Matematik",
+				inputLabel: "Matematiksel Simgeler",
+				fontSizeLabel: "Yazı Tipi Boyutu",
+				previewLabel: "Önizleme"
+			},
+			imageBox: {
+				title: "Görüntü Ekle",
+				file: "Dosya Seç",
+				url: "Görüntü URL'si",
+				altText: "Alternatif Metin"
+			},
+			videoBox: {
+				title: "Video Ekle",
+				file: "Dosya Seç",
+				url: "Medya Ekleme URL'si (YouTube/Vimeo)"
+			},
+			audioBox: {
+				title: "Ses Ekle",
+				file: "Dosya Seç",
+				url: "Ses URL'si"
+			},
+			browser: {
+				tags: "Etiketler",
+				search: "Ara"
+			},
+			caption: "Açıklama Giriniz",
+			close: "Kapat",
+			submitButton: "Gönder",
+			revertButton: "Geri Dön",
+			proportion: "Orantıları Koru",
+			basic: "Temel",
+			left: "Sola",
+			right: "Sağa",
+			center: "Ortaya",
+			width: "Genişlik",
+			height: "Yükseklik",
+			size: "Boyut",
+			ratio: "Oran"
+		},
+		controller: {
+			edit: "Düzenle",
+			unlink: "Bağlantıyı Kaldır",
+			remove: "Kaldır",
+			insertRowAbove: "Satır Yukarı Ekle",
+			insertRowBelow: "Satır Aşağı Ekle",
+			deleteRow: "Satırı Sil",
+			insertColumnBefore: "Sütun Önce Ekle",
+			insertColumnAfter: "Sütun Sonrası Ekle",
+			deleteColumn: "Sütunu Sil",
+			fixedColumnWidth: "Sabit Sütun Genişliği",
+			resize100: "%100 Ölçeklendir",
+			resize75: "%75 Ölçeklendir",
+			resize50: "%50 Ölçeklendir",
+			resize25: "%25 Ölçeklendir",
+			autoSize: "Ölçeğe Otomatik Ayar",
+			mirrorHorizontal: "Düzlemsel Aynalama (Yatay)",
+			mirrorVertical: "Düzlemsel Aynalama (Dikey)",
+			rotateLeft: "Saat Yönünde Döndür",
+			rotateRight: "Saat Yönünün Tersine Döndür",
+			maxSize: "En Büyük Boyut",
+			minSize: "En Küçük Boyut",
+			tableHeader: "Tablo Başlığı",
+			mergeCells: "Hücreleri Birleştir",
+			splitCells: "Hücreleri Ayır",
+			HorizontalSplit: "Yatay Ayırma",
+			VerticalSplit: "Dikey Ayırma"
+		},
+		menu: {
+			spaced: "Aralıklı",
+			bordered: "Çerçeveli",
+			neon: "Neon",
+			translucent: "Yarı Saydam",
+			shadow: "Gölge",
+			code: "Kod"
+		}
+	};
+
+    if (typeof noGlobal === typeof undefined) {
+        if (!window.SUNEDITOR_LANG) {
+            Object.defineProperty(window, 'SUNEDITOR_LANG', {
+                enumerable: true,
+                writable: false,
+                configurable: false,
+                value: {}
+            });
+        }
+
+        Object.defineProperty(window.SUNEDITOR_LANG, 'tr', {
+            enumerable: true,
+            writable: true,
+            configurable: true,
+            value: lang
+        });
+    }
+
+    return lang;
+}));

package/src/lib/constructor.js

@@ -84,6 +84,12 @@ export default {
         const resize_back = doc.createElement('DIV');
         resize_back.className = 'se-resizing-back';
 
+        /// focus temp
+        const focusTemp = doc.createElement('INPUT');
+        focusTemp.tabIndex = -1;
+        focusTemp.style.width = '0 !important';
+        focusTemp.style.height = '0 !important';
+
         // toolbar container
         const toolbarContainer = options.toolbarContainer;
         if (toolbarContainer) {
@@ -109,6 +115,7 @@ export default {
         relative.appendChild(line_breaker);
         relative.appendChild(line_breaker_t);
         relative.appendChild(line_breaker_b);
+        relative.appendChild(focusTemp);
         if (resizing_bar && !resizingBarContainer) relative.appendChild(resizing_bar);
         top_div.appendChild(relative);
 
@@ -135,7 +142,8 @@ export default {
                 _lineBreaker_b: line_breaker_b,
                 _resizeBack: resize_back,
                 _stickyDummy: sticky_dummy,
-                _arrow: arrow
+                _arrow: arrow,
+                _focusTemp: focusTemp
             },
             options: options,
             plugins: tool_bar.plugins,
@@ -307,6 +315,7 @@ export default {
         
         if (!options.iframe) {
             wysiwygDiv.setAttribute('contenteditable', true);
+            wysiwygDiv.setAttribute('autocorrect', "off");
             wysiwygDiv.setAttribute('scrolling', 'auto');
             for (let key in options.iframeAttributes) {
                 wysiwygDiv.setAttribute(key, options.iframeAttributes[key]);
@@ -407,6 +416,7 @@ export default {
         }
         options.plugins = plugins;
         /** Values */
+        options.strictMode = options.strictMode !== false;
         options.lang = options.lang || _defaultLang;
         options.value = typeof options.value === 'string' ? options.value : null;
         options.allowedClassNames = new util._w.RegExp((options.allowedClassNames && typeof options.allowedClassNames === 'string' ? options.allowedClassNames + '|' : '') + '^__se__|se-|katex');

package/src/lib/context.js

@@ -40,7 +40,8 @@ const _Context = function (element, cons, options) {
             lineBreaker_b: cons._lineBreaker_b,
             resizeBackground: cons._resizeBack,
             _stickyDummy: cons._stickyDummy,
-            _arrow: cons._arrow
+            _arrow: cons._arrow,
+            _focusTemp: cons._focusTemp
         },
         tool: {
             cover: cons._toolBar.querySelector('.se-toolbar-cover'),

package/src/lib/core.d.ts

@@ -606,7 +606,7 @@ interface Core {
 
     /**
      * @description Remove events from document.
-     * When created as an Iframe, the event of the document inside the Iframe is also removed.
+     * When created as an Iframe, the event of the document inside the Iframe is also removed.
      * @param type Event type
      * @param listener Event listener
      */
@@ -920,6 +920,39 @@ export default class SunEditor {
      */
     onAudioUploadError: (errorMessage: string, result: any, core: Core) => boolean;
 
+    /**
+     * @description Called when the audio image delete before.
+     * "false" is returned, the event will be aborted.
+     * @param targetElement target element
+     * @param container target's container
+     * @param dataIndex target's dataIndex
+     * @param core Core object
+     * @returns {boolean|undefined}
+     */
+    onAudioDeleteBefore: (targetElement: Element, container: Element, dataIndex: number, core: Core) => boolean;
+
+    /**
+     * @description Called when the image image delete before.
+     * "false" is returned, the event will be aborted.
+     * @param targetElement target element
+     * @param container target's container
+     * @param dataIndex target's dataIndex
+     * @param core Core object
+     * @returns {boolean|undefined}
+     */
+    onImageDeleteBefore: (targetElement: Element, container: Element, dataIndex: number, core: Core) => boolean;
+
+    /**
+     * @description Called when the image image delete before.
+     * "false" is returned, the event will be aborted.
+     * @param targetElement target element
+     * @param container target's container
+     * @param dataIndex target's dataIndex
+     * @param core Core object
+     * @returns {boolean|undefined}
+     */
+    onVideoDeleteBefore: (targetElement: Element, container: Element, dataIndex: number, core: Core) => boolean;
+
     /**
      * @description Called when the audio upload failed
      * @param height Height after resized (px)