@_sh/strapi-plugin-ckeditor 1.0.0 → 1.0.1

package/admin/src/components/CKEditor/index.js

@@ -23,7 +23,8 @@ const Editor = ({ onChange, name, value, disabled  }) => {
 
 //####### strapi media lib connector #############################################################################################
 	const [mediaLibVisible, setMediaLibVisible] = useState(false);
-	const [editor, setEditor] = useState(null);
+	const [editor, setEditor] = useState();
+	const [uploadCfg, setUploadCfg] = useState();
 	const toggleMediaLib = (editor) => {
 		if (editor) {
 		  setEditor(editor);
@@ -34,15 +35,20 @@ const Editor = ({ onChange, name, value, disabled  }) => {
 		let newValue = value ? value : "";
 		assets.map((asset) => {
 		if (asset.mime.includes("image")) {
-			let set =''
-			let keys = Object.keys(asset.formats)
-			console.log(asset)
-			keys?.map(k=>{
-			let str = prefixFileUrlWithBackendUrl(asset.formats[k].url) + ` ${asset.formats[k].width}w,` 
-			set = set + str
-			})
-			const imgTag = `<figure><img src="${asset.url}" alt="${asset.alt}" srcset="${set}"></img></figure>`;
-			newValue = `${newValue}${imgTag}`;
+			if(uploadCfg?.responsiveDimensions){
+				let set =''
+				let keys = Object.keys(asset.formats)
+				console.log(asset)
+				keys?.map(k=>{
+				let str = prefixFileUrlWithBackendUrl(asset.formats[k].url) + ` ${asset.formats[k].width}w,` 
+				set = set + str
+				})
+				const imgTag = `<figure><img src="${asset.url}" alt="${asset.alt}" srcset="${set}"></img></figure>`;
+				newValue = `${newValue}${imgTag}`;
+			}else{
+				const imgTag = `<figure><img src="${asset.url}" alt="${asset.alt}"></img></figure>`;
+				newValue = `${newValue}${imgTag}`;
+			}
 		}
 		// Handle videos and other type of files by adding some code
 		});
@@ -60,6 +66,7 @@ const Editor = ({ onChange, name, value, disabled  }) => {
 		(async () => {
 		  const editor = await request(`/${pluginId}/config/editor`, { method: 'GET' });
 		  const plugin = await request(`/${pluginId}/config/plugin`, { method: 'GET' });
+		  const upload = await request(`/${pluginId}/config/uploadcfg`, { method: 'GET' });
 
 		  if(editor){
 			setConfig({
@@ -83,6 +90,12 @@ const Editor = ({ onChange, name, value, disabled  }) => {
 				...plugin,
 			})
 		  }
+		  if(upload){
+			setUploadCfg({
+				...uploadCfg,
+				...upload,
+			})
+		  }
 		})();
 	
 		return () => {
@@ -91,8 +104,8 @@ const Editor = ({ onChange, name, value, disabled  }) => {
 
   
 //####### theme #############################################################################################
-  const strapiTheme = localStorage.getItem('STRAPI_THEME');
-  useEffect(() => {
+useEffect(() => {
+	const strapiTheme = localStorage.getItem('STRAPI_THEME');
     if (strapiTheme)
     document.documentElement.setAttribute('data-theme', strapiTheme)
     return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@_sh/strapi-plugin-ckeditor",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Replaces the default Strapi WYSIWYG editor with a customized buil of CKEditor 5 packed with useful plugins.",
   "private": false,
   "keywords": [

package/server/controllers/config.js

@@ -3,7 +3,13 @@
 module.exports = {
   getConfig: async (ctx) => {
     const { configKey } = ctx.params;
-    const config = await strapi.plugin('ckeditor').service('config').getConfig(configKey);
-    ctx.send(config);
+    if(configKey === 'uploadcfg'){
+      const uploadConfig = await strapi.plugin('ckeditor').service('config').getUploadConfig('upload').getSettings();
+      ctx.send(uploadConfig);
+    }else{
+      const config = await strapi.plugin('ckeditor').service('config').getConfig(configKey);
+      ctx.send(config);
+    }
+    
   },
-};
+};

package/server/services/config.js

@@ -9,5 +9,8 @@ module.exports = ({ strapi }) => {
     getConfig(key = 'editor') {
       return strapi.plugin('ckeditor').config(key) ?? {};
     },
+    getUploadConfig(name) {
+      return strapi.plugin('upload').service(name) ?? {};
+    },
   };
 };