Jump to content

Feature suggestion. RTE image upload, resize and positioning


estan
 Share

Recommended Posts

[url="[Feature Sugestion]Image Attachment displaying in the content not separately

As suggested by Brandon I post this in this forum.
My suggestions concerns the RTE editor, especially for IP.Content. However, since RTE editor is part of IPB itself, I post this here as well.

1. Image upload and resize
My users need to easily insert an image to an IP.Content article they add. It is very annoying uploading the image to a different host and then insert it in the article. It would be nice if the RTE editor is extended in a way to allow (with a special additional permissions I guess) images upload and insert. Some of my articles have 10+ images.

I also should be able to put a custom size upon image insert eventually by dynamically resizing the image within RTE editor OR by putting custom width/height within the RTE editor.

2. Image positioning
One more feature that I need very much not only for the IP Content databases but also for the blogs (and maybe forums but not so important) is float: letf, float: right for image. It would be very nice if I can easily define using RTE how to position my image. As I know, currently the only way to do it is using HTML code. This is very difficult for my community users.
BBcode is not user friendly enough for my community especially for IP.articles.

Link to comment
Share on other sites

[For clarification, the part that needed to be reposted as an IPB feature suggestion is dynamically resizing images in the RTE. When you do this it sets a width and height attribute on the <img /> html tag which is passed in, but of course our RTE parser doesn't retain this data. We'd need to update the img bbcode tag to support width/height specifications too, in order to do this most likely, etc.]

Link to comment
Share on other sites

Image upload and image positioning via RTE are still features that I would love to see in one of the next versions.
This would be very user friendly especially for the IP. Articles module that uses the RTE editor...

Link to comment
Share on other sites

I believe, if I am reading this right, this is something I was asking about and didn't get an answer here:

http://community.inv...93#entry1932993


I was also looking for a way to understand how to attach images, resize them and align them in a post/article. I am coming from another script where it allowed you to:

Attach an image by uploading from the computer

Attach an image from a url (it downloaded a local copy of the image when I did that)




After it was attached you could re-size it and align it however you wanted. It worked really well and I have been looking for a way to handle it here without luck.

If this is the same thing you're asking for as a feature request I add my support as it's much needed in a Community site with Content, Articles, Posting.

Currently, if this isn's a feature, how is everyone going about attaching images, resizing them and aligning them in their content? What are some work-arounds?

Jamie

Link to comment
Share on other sites

Well, when you upload using the normal attachments uploader, the image is actually resized, but to a static pre-defined dimensions. You can't have different sized thumbnails per-article, etc. You can also align images by using the left/right/center tags, or creating new bbcode tags to "float" the image left or right, but that isn't supported within the RTE itself.

Link to comment
Share on other sites

In surfing around the web tonight I ran across this example using the YUI Rich Text Editor, someone has created an extension that works with that and this is the exact thing I think IPB needs to manage images. It's clean, well laid out and simple.

post-141359-076082100 1270002795_thumb.p


Check out this first link to the write up of the extension

http://allmybrain.co...ch-text-editor/


Check out this second link for an example of how it works.. Click the image and see how the pop-up comes and and offers all available options.

http://allmybrain.co...ext-editor-270/


Can something like this be considered for IPB? Is it possible? Far fetched? :)


Jamie

Link to comment
Share on other sites

Something similar to YUI Rich Text Editor would be nice.

Some WYSIWYG also allow to dynamically resize the image (by dragging it) within the RTE as well.

This makes much sense for me especially for IP. Content articles / texts etc.


Brandon, thank you very much for your time and efforts to answer our questions and suggestions!
Hopefully you guys will consider these suggestions for one of the next improvements of the RTE editor.

As always, keep up the good work!

Link to comment
Share on other sites

You already can resize images in the RTE. That's not the problem (the RTE side). The problem is that IPB does not retain the sizes when the post is submitted.

Fundamentally, to fix this, we need to update the img bbcode to support width and height attributes.

Link to comment
Share on other sites

  • 3 weeks later...

For those interested in how to position images with BBcode, here it is a quote from another topic


One way is to create a bbcode for the floats like:



Tag: "imgf"





[imgf=left]float content left[/imgf]

[imgf=right]float content right[/imgf]

[imgf]float content relative to text[/imgf]

In Replacements box:



<img style="float:{option};margin:0 5px;" src="{content}" alt="image" />



Make sure the Use Option in tag is set to "Yes".


Link to comment
Share on other sites

For the above check (in red):

Tag: "imgf"


[imgf=left]float content left[/imgf] 

[imgf=right]float content right[/imgf] 

[imgf]float content relative to text[/imgf]

In Replacements box:


<img style="float:{option};margin:0px 5px" src="{content}" alt="image" /> 



Make sure the Use Option in tag is set to "Yes".

Prevent other codes parsing? Yes

Link to comment
Share on other sites

  • 3 months later...

I'm currently writing articles for my IP.Content installation and you can't believe how badly i wish that the RTE had a better image handling. I don't like my custom BBCode workaround as i always have to remember the code.
I really like how XenForo is handling images. I just saw this video on vimeo, its great.

Link to comment
Share on other sites

The way images are handled, uploaded, re sized and align has been an issue for me since moving to IPB..

In all things they do it seems they do it better than most and are quick to catch up when they miss a feature, but this one just seems to sadly go un noticed...

I have posted a mod for the RTE that would allow it to work very closely to how XenForo works, but it didn't take off.. From what I can see, I really like the way XenForo handles images.. it will be interesting to see it when it's complete and production ready.

I do still have hope that someone from IPS will notice the lack of features when it comes to simple uploading, re sizing and aligning an image and will fix it.

Jamie

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...