CKEditor deletes images after saving

[fablei]

Hi,

i am using PW 2.7.1.

What I have done:

- Opened my template (it has a titel field, an image field and the ckeditor textarea)

- inserted some text and uploaded an image through ckeditor

- checked FTP and an image is found in /assets/files/1018/foobar.jpg

- saved the template

After that the images still shows up in ckeditor but cannot be found on FTP oder on the site itsself.

I tried various options for the textarea/ckeditor field:

- Content Type

- ACF (Purifier is always off for displaying an iframe)

- Extra Allowed Content (img[*])

None of them made any difference. The images gets deleted after I save the template.

What am i doing wrong?

Thanks in advance,

Fabian

[adrian]

Hi @fablei - sorry for the rough start.

Can you tell us if it makes a difference if you upload the image to the images field directly, rather than via the CKEditor upload?

If that works ok, what about if you subsequently insert them into a CKEditor field and save the page again?

Also, is there any difference if you upgrade to the latest stable 2.7.2, or the main dev version 2.7.3?

[fablei]

Hi @adrian,

thanks for the quick reply.

Yes it does make a difference.

After uploading the image to my images field directly and adding them afterwards into the ckeditor the image showed up.

After deleting the image from the field it gave me a "path not found / broken" image in the editor.

Also updateing to 2.7.3 did not change a thing.

It seems as if PW has a problem when uploading images outside of fields or might that be just a misconfiguration on my side?

Coming from Wordpress I really love PW so far Keep up the great work guys!

Fabian

[Martijn Geerts]

Just to clarify a few things what is maybe not so obvious when coming from an other CMS. So maybe it's not relevant in your context at all. Anyway ;-), in ProcessWire there's no central place where the CMS stores the files/images (let's call them assets for now). All assets are stored on disk with a page id as reference. The storage of the assets always happen with the field, so that the field is fully responsible for that image.

When you delete an image from your field, the image will be deleted from the disk. So when you have a textual reference to the filename but the file is not there anymore, the link is broken.

I my self never use images in CKEditor, so I never need to upload images in the context of the CKEditor. However as said before, fields are responsible for the assets, so I guess that behind the scene CKEditor will give the task to a field to upload & store the assets.

[fablei]

Thanks for clearing things up.

But the question remains if there is a bug/issue in handling uploads through CKEditor?

I am building a small website for a customer that is not very familiar with "the interweb"

So handling images through the wysiwig editor is a huge advantage for her.

By now the only solution would be to add another image field (eg. "Image Gallery") to the template and handle the upload process first through the field and then as a second step use the uploaded image with CKEditor?

Fabian

[mr-fan]

You could set two image fields - one for the CKE main content block and separate image fields for stuff like gallery...

Here is a example screenshot and the question on the upload field buttons in CKE:

https://processwire.com/talk/topic/11516-is-it-possible-to-specify-an-image-upload-field-for-uploading-images-in-ckeditor/

In general you have to assing a imagefield on the template and then the image should uploaded to that field while using it in CKE...

https://processwire.com/blog/posts/processwire-core-and-profields-updates-2.5.22/

regards mr-fan