For Ning Creators and members alike, adding content is an essential part of any Ning Network. When it comes to adding text, the text editor members rely on should be as easy to use as possible. Starting tomorrow afternoon, adding and editing text on Ning will become even easier.

Previously, all text editors on a Ning Network allowed members to add photos, add links and format text. But using those tools produced HTML code that many non-technical Internet users didn't understand. So a few weeks ago, we rolled out a new, WYSIWYG editor to the forum, while still keeping an "HTML" tab so that advanced users could still edit HTML as they always had.

WYSIWYG stands for "what you see is what you get", and it means that when you're doing something like making text bold, you'll actually see bold text, instead of code for <b>bolded text</b>. In the last few weeks, we heard feedback that the WYSIWYG editor wasn't as easy to use as it could be. And so we're rolling out a number of improvements to make it an even better experience editing forum discussions on Ning, while also rolling out this editor to the blog feature:

wysiwyg-small
The major improvements include:
  • More space: 400 pixels of vertical space to edit the text, instead of the previous, 160 pixels
  • Smaller font: A smaller font, so more text can fit in the text editor
  • Resized images: Even though images in the forum and blog can't be any wider than 721 pixels (the full width of the forum and blog), they weren't being resized while editing. Now, any image added wider than 721 pixels will be resized to 721 pixels.
  • Edit image: Previously, once you'd added an image to a text editor, you couldn't change the size, alignment or link unless you knew HTML. Now, in "Rich Text" mode, you'll be able re-open the Image dialog.
When working on these updates, we also realized we made an oversight when adding the WYSIWYG editor to the forum. We accidentally omitted the "Options" drop down, which allows you to customize images that you add to text. We've brought back the Options drop down, with rewritten, clearer text and the ability to customize images even if you add them via URL, not your computer.

Here's what it will look like:

Options

All of these improvements should make editing forum discussions or writing blog posts a breeze. And we'll continue to take your feedback and improve text editors in the future.

Copying pasted text

One note about copying text from other programs or Web sites. One of the nice parts of a WYSIWYG editor is that you can copy and paste not just text, but also links, images, tables and more into your forum or blog post. However, when a WYSIWYG editor tries to maintain all those items, the outcome isn't always perfect. If you're looking to paste text and nothing more, try using the "HTML" tab, and no special formatting will be pasted.

You can usually copy and paste content into the WYSIWYG editor with good results, but the "HTML" tab is a good bet if you're just looking to copy only text.

Tags: blog, forum, text editor, wysiwyg

Views: 239

Replies are closed for this discussion.

Replies to This Discussion

Sorry, Evan, I've been out of pocket. The reason I asked is because everyone seems to be complaining about the blog editor but not the forums editor. Myself, I've been seeing formatting issues with blog posts but not forum posts. I figured there must be some distinction I'm not aware of...
Hey everyone!

I've started a new discussion to collect feedback about what you'd like to see in your dream text editor. Check it out here:
http://creators.ning.com/forum/topics/whats-in-your-dream-text

/Evan
Ning Product Manager
Why are the letters so small in the Text Editor?
To be truthful, the Ning text editor is not advance. why because it lack a simple table ability. to make your pages look great you need tables.
Hi Emily this is fantastic.. will there be roll out to the NOTES area as well? Saves me looking up html codes trying to space out my paragraphs or spacing blocks. :)

RSS

Latest Activity

SM replied to SM's discussion 'How to Target the First Page of your Site with CSS'
"Hi Suzie, here is the code you need to put into your bottom custom code box in the design center…"
37 minutes ago
Kos replied to SM's discussion 'How to Target the First Page of your Site with CSS'
"ahhh now that makes sense.  Thanks for clarifying :)"
1 hour ago
Strumelia replied to FedMedic's discussion '3.0 Why is all my text centered?'
"Thanks so much, and please DO let me know what their support team is like, when you first make use…"
2 hours ago
SM replied to SM's discussion 'How to Target the First Page of your Site with CSS'
"Hi Suzie, I'll try to post something more logical with screen shots. But, you'll see -…"
2 hours ago
SM replied to SM's discussion 'How to Target the First Page of your Site with CSS'
"Hi Kos, the reason for the code is to have elements only display on the home page. By default, Ning…"
2 hours ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing the Spam Folder'
"it seems a few of us have the same concerns/questions i can see a reason for secrecy as in you…"
2 hours ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing the Spam Folder'
"this is wonderful news but can u define "content" does it include comments on…"
2 hours ago
FedMedic replied to FedMedic's discussion '3.0 Why is all my text centered?'
"Hi Strumelia! Thank you! I'm still working with various tools and toys and it's amazing!…"
3 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service