opentiny 6.9.23 → 6.9.25

package/tinymce.d.ts

@@ -1867,6 +1867,7 @@ interface BaseEditorOptions {
     deprecation_warnings?: boolean;
     directionality?: 'ltr' | 'rtl';
     doctype?: string;
+    document_content_root_class?: string;
     document_base_url?: string;
     draggable_modal?: boolean;
     editable_class?: string;
@@ -2061,6 +2062,7 @@ interface EditorOptions extends NormalizedEditorOptions {
     custom_colors: boolean;
     default_font_stack: string[];
     document_base_url: string;
+    document_content_root_class: string;
     init_content_sync: boolean;
     draggable_modal: boolean;
     editable_class: string;

package/tinymce.js

@@ -6894,6 +6894,10 @@
         processor: bodyOptionProcessor(editor),
         default: ''
       });
+      registerOption('document_content_root_class', {
+        processor: 'string',
+        default: 'mce-content-body'
+      });
       registerOption('content_security_policy', {
         processor: 'string',
         default: ''
@@ -7629,6 +7633,7 @@
     const getDocumentBaseUrl = option('document_base_url');
     const getBodyId = option('body_id');
     const getBodyClass = option('body_class');
+    const getDocumentContentRootClass = option('document_content_root_class');
     const getContentSecurityPolicy = option('content_security_policy');
     const shouldPutBrInPre$1 = option('br_in_pre');
     const getForcedRootBlock = option('forced_root_block');
@@ -26223,6 +26228,10 @@
     };
 
     const defaultMaxImageWidthPx = 300;
+    const getContentRootSelector = editor => {
+      const contentRootClass = getDocumentContentRootClass(editor);
+      return contentRootClass.startsWith('.') ? contentRootClass : `.${ contentRootClass }`;
+    };
     const uniqueId = createIdGenerator('mceclip');
     const createPasteDataTransfer = html => {
       const dataTransfer = createDataTransfer();
@@ -26295,8 +26304,8 @@
         const img = new Image();
         img.src = blobInfo.blobUri();
         img.onload = () => {
-          const contentBodyElement = editor.dom.select('.mce-content-body')[0].children[0];
-          const computedStyles = contentBodyElement ? window.getComputedStyle(contentBodyElement) : null;
+          const contentRootElement = editor.dom.select(getContentRootSelector(editor))[0];
+          const computedStyles = contentRootElement ? window.getComputedStyle(contentRootElement) : null;
           const maxImageWidth = computedStyles ? parseInt(computedStyles.width) - parseInt(computedStyles.paddingLeft) - parseInt(computedStyles.paddingRight) : defaultMaxImageWidthPx;
           const imageWidth = Math.min(img.naturalWidth, maxImageWidth);
           pasteHtml(editor, `<img src="${ blobInfo.blobUri() }" width="${ imageWidth }px">`, false, true);