acid-info
/
lpe-cms
mirror of https://github.com/acid-info/lpe-cms.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(ckeditor): set embedded image captions as default when inserting from media library

This commit is contained in:
Hossein Mehrabi 2024-01-31 18:49:54 +03:30
parent de9db23003
commit 66c5b80e20
No known key found for this signature in database
GPG Key ID: 45C04964191AFAA1
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
patches/@ckeditor+strapi-plugin-ckeditor+0.0.10.patch
View File

@ -29,18 +29,25 @@ index 73ea2b9..aaead3e 100644
'link', 'strapiMediaLib', 'mediaEmbed', 'blockQuote', 'insertTable', 'codeBlock', 'link', 'strapiMediaLib', 'mediaEmbed', 'blockQuote', 'insertTable', 'codeBlock',
'|', '|',
diff --git a/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/CKEditorInput/index.js b/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/CKEditorInput/index.js diff --git a/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/CKEditorInput/index.js b/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/CKEditorInput/index.js
index e6e1ee3..186b41c 100644 index e6e1ee3..9059c84 100644
--- a/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/CKEditorInput/index.js --- a/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/CKEditorInput/index.js
+++ b/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/CKEditorInput/index.js +++ b/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/CKEditorInput/index.js
@@ -48,8 +48,10 @@ const CKEditorInput = ({ @@ -48,8 +48,17 @@ const CKEditorInput = ({
if ( asset.mime.includes('image') ) { if ( asset.mime.includes('image') ) {
const url = sanitize( asset.url ); const url = sanitize( asset.url );
const alt = sanitize( asset.alt ); const alt = sanitize( asset.alt );
+ const width = asset.width + const width = asset.width
+ const height = asset.height + const height = asset.height
+ const caption = sanitize(asset.caption || '');
- imageHtmlString += `<img src="${ url }" alt="${ alt }" />`; - imageHtmlString += `<img src="${ url }" alt="${ alt }" />`;
+ imageHtmlString += `<img src="${ url }" alt="${ alt }" width="${width}" height="${height}" />`; + const imgTag = `<img src="${ url }" alt="${ alt }" width="${width}" height="${height}" />`
+
+ if(caption && caption.length > 0) {
+ imageHtmlString += `<figure class="image">${imgTag}<figcaption>${caption}</figcaption></figure>`;
+ } else {
+ imageHtmlString += imgTag;
+ }
} }
} ); } );
@ -773,15 +780,16 @@ index b9db460..30b968a 100644
+ } + }
`; `;
diff --git a/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/MediaLib/index.js b/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/MediaLib/index.js diff --git a/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/MediaLib/index.js b/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/MediaLib/index.js
index f93afa6..94d177a 100644 index f93afa6..1ed564e 100644
--- a/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/MediaLib/index.js --- a/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/MediaLib/index.js
+++ b/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/MediaLib/index.js +++ b/node_modules/@ckeditor/strapi-plugin-ckeditor/admin/src/components/MediaLib/index.js
@@ -11,6 +11,8 @@ const MediaLib = ( { isOpen, onChange, onToggle } ) => { @@ -11,6 +11,9 @@ const MediaLib = ( { isOpen, onChange, onToggle } ) => {
alt: f.alternativeText || f.name, alt: f.alternativeText || f.name,
url: prefixFileUrlWithBackendUrl( f.url ), url: prefixFileUrlWithBackendUrl( f.url ),
mime: f.mime, mime: f.mime,
+ width: f.width, + width: f.width,
+ height: f.height + height: f.height,
+ caption: f.caption || '',
} ) ); } ) );
onChange( formattedFiles ); onChange( formattedFiles );