Jump to content
  • entries
    96
  • comments
    103
  • views
    106,150

Invision Power 4.0 new editor features

The improvements they are making to IPB look really great. Some of the highlights for me:

http://community.invisionpower.com/blog/1174/entry-9537-ips-40-editor-part-1-content/

Quote

Currently URLs which gets picked up for media embedding and the output they produce are managed in the Admin CP. The idea was that this would allow admins to add support for additional services, however, it has caused some problems when for example, YouTube has added new URL formats or changed their embed code and they don't work on most communities until we release an update to change the default record for YouTube.

oEmbed is an API which allows you to make a call to the provider giving them the URL and they respond with the best embed code to use, if that URL can be embedded. In 4.0, if a URL for YouTube, Flickr, Vimeo, College Humor or Hulu is inserted, we make a call to their oEmbed provider to obtain the embed code, so it's always up to date.

Embeds will always work. Now that is a huge difference.

http://community.invisionpower.com/blog/1174/entry-9538-ips-40-editor-part-2-uploads/

Quote

The upload panel here is based on HTML5 which supports drag and drop uploading, if your browser doesn't support this, it will use Flash, Silverlight or Google Gears if you have any of those installed, and if not it will fallback to a HTML4 & JavaScript implementation (none of these support drag and drop, but instead you click the "Choose Files" button just as you do now - the label in the box will change to reflect this).

Drag and drop images right into the editor. I've been waiting for this feature. No more having to click attach and then navigate to the right folder where your image is.. just drag it right into the editor. :tup:

http://community.invisionpower.com/blog/1174/entry-9539-ips-40-editor-part-3-customisation-and-bbcode/

Quote

BBCode

Though no features in IPS4 insert BBCode-style tags into the editor (like is currently done for attachments, etc.) users can still type BBCode into the editor and it will work fine.

We've rewritten how BBCode is parsed to be much more secure and reliable and produce more standards-compliant HTML (for those who are interested, it parses the post content into a DOM Document and examines only the text nodes for BBCode tags, then either splits the nodes surrounding it and inserts one for block-level elements, or wraps all subsequent text nodes in the appropriate formatting element until the end BBCode is found).

The benefit to this is that there now no longer needs to be a "BBCode mode" - you can type BBCode straight into the editor, even complicated stuff like lists spanning multiple lines, and it comes out looking great.

The downside to this approach is that custom BBCodes can no longer be added through the Admin CP. However, as mentioned above, we now have the ability to add custom buttons to the editor which work in a much more intuitive way, and can do everything that custom BBCodes could and more. For those who really want to be able to add the ability for custom BBCode, we've isolated the method that returns the supported BBCode (and information needed to parse them) into a specific method so that custom BBCode can be added with a very simple hook specific to that purpose.

This is a big change and I hope they pull it off correctly. All our custom bbcodes will be negated. But the only custom bbcode we actually use is the spoiler tag, which will now be a default feature. All other custom bbcodes will now have to be created as CKEditor plugins.. but there are already a lot of ckeditor plugins available. So I could technically add a variety of new editor features.

http://community.invisionpower.com/topic/388306-ips-40-editor-part-4-special-features/

Quote

@mentions

@mentions are a common feature on social media sites like Twitter and Facebook. If you type an @ symbol and then start typing the name of a friend, an autocomplete menu shows so you can quickly then click on the user and they'll receive a notification that they've been mentioned. In 4.0 you can do exactly this to mention any user.

Very very nice. I like this.

Quote

Automatic Saving

Currently, when you're typing a post, every 2 minutes the content of the post is saved, so that if you accidentally navigate away from the page, your post content can be recovered. The content is saved by making an AJAX request.

In 4.0, we've rewritten this to use HTML5 web storage. This unloads this work to the browser, meaning no call needs to be made to the server. Because this is much more efficient, the save can be done much more frequently (every few seconds). This makes the autosave feature much more useful.

In addition, we've expanded the feature to support attachments. So if you've uploaded files, these too will be automatically recovered. Essentially if you're in the middle of typing a post and you refresh the page, everything will reappear exactly as you left it.

Good! No more having to click the load saved content option. Simplifying this will make the auto save much better.

Oh! and the editor will now be fully skin-able! The editor won't have to be glaring white on a dark theme anymore.

Also, the current skins that we use are going to be upgraded for IPB 4.0. We won't have to change the entire look of the site. :D



0 Comments


Recommended Comments

There are no comments to display.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Recent Status Updates

    • DeathscytheX

      Finished Gundam SEED tonight. As cliche as it could get, I still really enjoyed it. Mecha designs were above average.... and despite a lot of recycled animation during battles, I still found them engaging and entertaining... and all the love interests swapping around tickled my fancy. Character deaths were pretty brutal as well. Its def worth watching for the average fan. Better than Unicorn, but not IBO as far as recently watched Gundam series.
      · 4 replies
    • Sledgstone

      I have to get a dead tree cut down on my property. Its going to cost me $500. x_x But that doesn't include the removal. To save money I'll borrow a chainsaw from one of my friends and cut up the pieces myself. The tree is tall enough that when it eventually falls, it could hit my house, the garage, the deck, the pool (when its up for the summer) or my propane tanks so its got to come down.
      · 6 replies
    • Sledgstone

      Its been a month since my root canal. I had another appointment yesterday for the rest of the work. They removed the temporary filling, xrayed it to make sure its all good, then did the permanent filling, then shaved/shaped the tooth for the crown, then imprinted my teeth/jaw line with a mold, then put on my temporary crown. Took them an hour. My new permanent crown will be ready in 2 weeks and then I'll finally be done. This root canal situation has been quite the experience. $1200 total after insurance. I have another tooth that might need one if it gets another cavity. If that happens I think I'll have that one pulled instead since its in the far back. Screw all this. x_x
      · 8 replies
    • Sledgstone

      One week ago my little dog Elsa had to get a surgery to remove a few bad teeth. The vet initially though it would be 2 teeth, maybe 4 max. After they did the xray they noticed she had severe bone loss in multiple parts of her jaw and the majority of her teeth had to be removed. She has 1/3 of her teeth left.  The vet thinks it is a genetic issue that caused the periodontal disease to ravage her jaw the way it did. Shes been healing but its been a struggle. Very depressing week but shes over the worst of it now. Shes starting to feel like her old self but we're still trying to find a soft food she enjoys. More bad news is after we heard it was genetic, we checked our other dog Bella because they are cousins and she has 2 loose teeth in the front. Once we get some stimulus money we'll schedule xrays for her to see if her issue is as bad. Elsa had horrible breath going on as the main symptom but Bella's breath is fine. I hope she only needs the 2 little teeth removed. My poor babies.
      · 0 replies
    • DeathscytheX

      A friend was able to score me a PS5 while I was at work today. I'm pretty pumped!
      · 6 replies
  • Topics

×
×
  • Create New...