codevdesign 1.0.18 → 1.0.20

package/composants/csqcEditeurTexteRiche.vue

@@ -61,20 +61,22 @@
     props: {
       modelValue: { type: String, default: '' },
       langue: { type: String, default: 'fr_FR' },
-      interdireRedimension: { type: Boolean, default: false },
+      redimension: { type: Boolean, default: false },
       desactiver: { type: Boolean, default: false },
+      hauteur: { type: [String, Number], default: '400' },
+      hauteurMinimale: { type: [String, Number], default: '200' },
       plugins: {
         type: [String, Array],
         default: 'autoresize table image link fullscreen advlist lists autolink code',
       },
-      interdireImage: { type: Boolean, default: false },
+      autoriserImage: { type: Boolean, default: false },
       imageTailleMaximale: { type: Number, default: 5 }, // Mo
       cacherBarreMenu: { type: Boolean, default: false },
       cacherBarreOutils: { type: Boolean, default: false },
       toolbar: {
         type: [String, Array],
         default:
-          'bold italic underline strikethrough | fontsizeselect | forecolor backcolor | ' +
+          'bold italic underline strikethrough | print | fontsizeselect | forecolor backcolor | ' +
           'alignleft aligncenter alignright alignjustify | emoticons | bullist numlist | ' +
           'image | link | outdent indent blockquote | undo redo | fullscreen | removeformat | table | code',
       },
@@ -102,7 +104,7 @@
       toolbarEffective() {
         if (this.cacherBarreOutils) return false
         const raw = Array.isArray(this.toolbar) ? this.toolbar.join(' | ') : this.toolbar
-        if (!this.interdireImage) return this._normalizeToolbar(raw)
+        if (this.autoriserImage) return this._normalizeToolbar(raw)
 
         const sansImage = raw
           .replace(/\bimage\b/g, '')
@@ -119,7 +121,7 @@
         const list = (Array.isArray(this.plugins) ? this.plugins : this.plugins.split(/\s+/))
           .map(p => p.trim())
           .filter(Boolean)
-        const filtered = this.interdireImage ? list.filter(p => p !== 'image') : list
+        const filtered = !this.autoriserImage ? list.filter(p => p !== 'image') : list
         return filtered.join(' ')
       },
 
@@ -127,32 +129,66 @@
         const opts = {
           autolink: !this.desactiver,
           autoresize: true,
-          automatic_uploads: !this.interdireImage,
+          automatic_uploads: this.autoriserImage,
           branding: false,
           browser_spellcheck: true,
           content_css: 'default',
           deprecation_warnings: false,
           emoticons_database: 'emojis',
           highlight_on_focus: false,
-          image_dimensions: !this.interdireImage,
+          image_dimensions: this.autoriserImage,
           language: this.langue === 'en' ? 'en_US' : 'fr_FR',
           license_key: 'gpl',
+          height: Number(this.hauteur) || 200,
+          min_height: Number(this.hauteurMinimale) || 200,
+          max_height: Number(this.hauteur) || 1000,
           menubar: !this.cacherBarreMenu,
-          object_resizing: !this.interdireImage,
-          paste_data_images: !this.interdireImage,
+          object_resizing: this.autoriserImage,
+          paste_data_images: this.autoriserImage,
           plugins: this.pluginsEffective,
           promotion: false,
           readonly: this.desactiver,
-          resize: !this.interdireRedimension,
-          resize_img_proportional: !this.interdireImage,
+          resize: this.redimension,
+          resize_img_proportional: this.autoriserImage,
           skin_url: 'default',
           statusbar: this.cacherBarreOutils === false,
           theme_advanced_resizing: true,
           theme_advanced_resizing_use_cookie: false,
           toolbar: this.toolbarEffective,
+          content_style: `
+            @page {
+              size: 8.5in 11in;
+              margin: 0.5in;
+            }
+
+            @media print {
+              html, body {
+                margin: 0;
+                padding: 0;
+              }
+
+              body {
+                width: 8.5in;
+                min-height: 11in;
+                box-sizing: border-box;
+              }
+
+              .mce-content-body {
+                max-width: 7.5in;  /* un peu plus large si tu veux */
+                margin: 0 auto;
+                font-size: 11pt;
+                line-height: 1.3;
+              }
+
+              img, table {
+                max-width: 100%;
+                height: auto;
+              }
+            }
+          `,
 
           // --- File picker seulement si images permises ---
-          ...(this.interdireImage ? {} : { file_picker_types: 'image' }),
+          ...(this.autoriserImage ? {} : { file_picker_types: 'image' }),
 
           setup: editor => {
             this._editor = editor
@@ -186,7 +222,7 @@
           },
         }
 
-        if (!this.interdireImage) {
+        if (this.autoriserImage) {
           opts.file_picker_callback = cb => {
             const input = document.createElement('input')
             input.type = 'file'
@@ -234,10 +270,16 @@
       },
 
       // Re-montage propre sur changements des props
-      interdireImage() {
+      autoriserImage() {
+        this._scheduleReinit()
+      },
+      hauteur() {
+        this._scheduleReinit()
+      },
+      hauteurMinimale() {
         this._scheduleReinit()
       },
-      interdireRedimension() {
+      redimension() {
         this._scheduleReinit()
       },
       toolbar() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codevdesign",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "description": "Composants Vuetify 3 pour les projets Codev",
   "files": [
     "./**/*.vue",