Post Editor Issue

[Serpius]

Well... as seen in the 2 screenshots...

I found an error while writing up my previous post...

The screenshots clearly show what's going on.

In the editing mode... the image shows up just fine, but...

When I post it... all you see is the link to the image, which is not what I wanted.

[drguild]

Te images seem fine here.
is it still happening sometimes you need a page refresh to get images and flexbox links to show up.

There is a bug with rin editor with the size code squishing images on direct links and malformatting aspect ratio I have seen before but didn't think much about it:

Rin editor adds size to the URL tag at the front when manually linking images.

Code:

[img=widthxheight]url[/img]

You don't exactly need it and can just use:

Code:

[img]url[/img]

You don't need anything in the initial img tag and rin adding the size there is screwing up the image aspect ratio.
I presume its conflicting with the image resize css code I just put in a few days back.
I'll look into this and see what can be done.

I edited the post above and its conflicting.
You can use out imgur tag or remove the size properties in adding images.

I'll be posting this bug on there forum but the editor hasn't been updated for ages so I'll have to see what can be done.

Update: Bug is posted it seems rin adds that tag which isn't needed in forum softwares so may have to try to edit rin which will be fun.
Fow now I hate to do this but I will look at disabling the rin image adding box and try to use a classic mybb mycode in its place.

[drguild]

For now I have disabled the built in Rin image url box.
Instead, on the right of the toolbar we have a replacement img tag will will get inserted into the post as text then you just add your imageurl between the tags.

This will have to do until I can work out the issue with Rin and remove that width-height being inserted into the tag.
CKEditor seems to have a back end disallow function I can add the widthxheight img tag to, to stop that from happening but I currently am having issues implementing it whether it works with the Rin version I don't know.
I hope it should as Rin is based on CKEditor 4.7 which allows this disallow functionality as it was implemented in version 4.1.

Once I get this sorted out the Rin image url box will be re-enabled.

---

Update: I have stopped the aspect ratio bug from happening from editing the Rin config file and adding the code at the bottom.

Code:

a.image_prefillDimensions = false;

This however doesn't get rid of the width and height input fields for those values on the image url window to stop people using those.
I will be looking into removing those later to avoid usage but for now the aspect ratio bug is fixed.
I have posted the fix in the Rin editor thread in MyBB.

[Serpius]

Ok... 

Just for kicks...

I am posting an image here to see how it goes...

1st without the closing IMG tags... The image does NOT show up in the editor.

https://i.gyazo.com/8f8f58ce3ee766bdee8b...3a4e51.png

2nd with the closing IMG tags... The image DOES show up in the editor but does not show up in the post.



3rd is the Gyazo generated image link...

[url=<a href="https://gyazo.com/8f8f58ce3ee766bdee8b1f6d833a4e51"><img src="https://i.gyazo.com/8f8f58ce3ee766bdee8b1f6d833a4e51.png" alt="https://gyazo.com/8f8f58ce3ee766bdee8b1f6d833a4e51" width="827"/></a>]Keyboard[/url]

[drguild]

Images are showing right with the change but if anyone puts in a width and height manually themselves it will screw the aspect ratio on the image up, so need to do hours more googling on CKEditor about things to see.

[drguild]

I noticed this latest post had the widthxheight in the img code.
Can you tell me how you posted it?
We have a imgur uploader which seems for me to not add that code.
If the bug is still here with the dimensions still being added to 'img=' I really want to know where it now is and get it fixed.

[Serpius]

I noticed this latest post had the widthxheight in the img code.
Can you tell me how you posted it?
We have a imgur uploader which seems for me to not add that code.
If the bug is still here with the dimensions still being added to 'img=' I really want to know where it now is and get it fixed.

Yea, I had to manually adjust the width and height due to the image being way too big. (at least in my eyes)

I do use Gyazo and imgur depending on how I received the image from the source.

Just to show you how I do Gyazo to post this image that I had initially posted from imgur in my previous post. The screenshot will make it clear as to what I mean.

As you see... I am leaving the image as is straight from Gyazo. The image is too big. That's why I downsized it a bit.

[drguild]

Images are set to resize down to a maximum of 640x640 when they get posted so that's too big for you?
with 640x640 you then click on the image to see full size in the fancybox popup we have.

I added this to the the CSS a week or so ago here so images in the actual post will never display more than these values.

Code:

#posts_container img {
  max-width: 640px;
  max-height: 640px;
}

Only in the editor box will it be stupidly sized and I can always turn image preview in that off if its causing a major problem when creating a post, so it only shows the image tags instead.
This is why I want to try to get rid of those controls from the imagebox as it's going to cause issues for us with people doing this.

So is 640x640 images in the actual post too big for you?
Or is it just the image when creating a post your having issues with?
What is your display resolution then?
If it's just the editor I can turn image previews off so we just have the img code tags and post back in the rin editor topic about it.
I can also look at modifying the Rin CKeditor code to force a image resize in the editor box.

I'm not trying to be mean but posting images can be related to many things.
Editorbox
Postbox
PM's
Blog

Then we have the header image and other images etc.

I am assuming you mean the image preview in the editor as you were posting images and if so you need to mention that it's the editor where the issue is.
As saying images are too big you could also be referring to the images in threads you were posting were too large.

This is something any admin needs to know that users need to be able to tell them the exact problem area and admins need to be able to understand these different areas of a site.

[drguild]

I split and merged threads to keep discussions separated.

I have hidden the width height fields in the post box.

I cannot do much about the image size issue in the editor window as I need to shift my mindset now to the weekend and convention to make sure I am in top shape.
I'll tackle it after the weekend.
However with doing some css to hide widthxheight in the image window we may be in luck for creating a small preview of the image in the editor window.
As rin also uses CSS and I just need to add a image into the editor box then inspect it to find out the attributes it uses for the preview then hopfully css style it in some way to cap the width and height.
But things are never as easy as that.

For now at least we won't have malformed images from people trying to use the properties I have now hidden.

[Serpius]

Images are set to resize down to a maximum of 640x640 when they get posted so that's too big for you?
with 640x640 you then click on the image to see full size in the fancybox popup we have.

I added this to the the CSS a week or so ago here so images in the actual post will never display more than these values.

Code:

#posts_container img {
  max-width: 640px;
  max-height: 640px;
}

Only in the editor box will it be stupidly sized and I can always turn image preview in that off if its causing a major problem when creating a post, so it only shows the image tags instead.
This is why I want to try to get rid of those controls from the imagebox as it's going to cause issues for us with people doing this.

So is 640x640 images in the actual post too big for you?
Or is it just the image when creating a post your having issues with?
What is your display resolution then?
If it's just the editor I can turn image previews off so we just have the img code tags and post back in the rin editor topic about it.
I can also look at modifying the Rin CKeditor code to force a image resize in the editor box.

I'm not trying to be mean but posting images can be related to many things.
Editorbox
Postbox
PM's
Blog

Then we have the header image and other images etc.

I am assuming you mean the image preview in the editor as you were posting images and if so you need to mention that it's the editor where the issue is.
As saying images are too big you could also be referring to the images in threads you were posting were too large.

This is something any admin needs to know that users need to be able to tell them the exact problem area and admins need to be able to understand these different areas of a site. 

My resolution setting is set to 1920 x 1080. 

The images are showing up too big regardless if I am using either the Editor or the Post boxes.
If it shows up fine for you, then all I can say that it's working for you on your end of things.
Some images that I have posted already were downsized using the appropriate image editor of either imgur or Gyazo.  

I can only show you what it looks like on my side with all of those screenshots that I have been posting.
I don't know how else to explain it more clearly than what the screenshots show.

I have mentioned it was the editor that was giving me issues. I have not made very many posts outside of the 'Website Support and Feedback' forum.

I'm trying my best to help you, but maybe it's not working.