Upgrading from Blackbaud NetCommunity 6.10/6.15: Introduction to TinyMCE and Web Standards Update

One of the most instantly recognizable updates from Blackbaud NetCommunity version 6.10 to versions 6.15+ is the inclusion of a brand new WYSIWYG Editor TinyMCE. The move to the new editor was both for ease of use as well as keeping Blackbaud NetCommunity up to par with the latest changes in W3C standards.

From a visual standpoint (Figure A) the interface remains largely unchanged with a few graphical updates. Where the new editor really shines is its rendering of background HTML and its ability to cleanup code features (Figure B). We can see in Figure B numbers 1-4 that Blackbaud NetCommunity now makes an attempt to open and close all tags with as few wrapping tags as possible.  Also, as the W3C has begun to move away from tag attributes in favor of Cascading Style Sheets(CSS) and inline styles, Blackbaud NetCommunity makes every attempt to accommodate the new format (numbers 3 & 6).

Figure C illustrates one of these types of changes as 6.10 formerly used the html attribute ‘Align’ when dealing with an image <IMG> tag.

Old image tag – Wrap text around image to the right (image aligned left):

<img src=”my-image.jpeg” align=”left”>

Now using CSS we can do the same process just in multiple different ways. For instance if we wanted to make sure that all images on a site were aligned to the left with text wrapped around right we could write in our style sheet a rule that states:

Img {
float: left;
}

If instead we only wanted to apply the same style to a single image on a site we could write:

<img src=”my-image.jpg” style=”float:left;”>

Note that in both scenarios the attribute ‘Align’ has been replaced by the float tag as align was previously added to the deprecated code list by the W3C.

The Blackbaud NetCommunity team will be available to discuss both the updates to the editor as well as the potential of any deprecated code you have on your site. please do not hesitate to reach out to us at (800) 468-8996 or by emailing bbncsupport@blackbaud.com.

Figure A.

Figure B.

Figure C.

You can keep up with us on Twitter by following @bbsupport; we use the hashtag #bbnc when we discuss Blackbaud NetCommunity. Take a look at our Twitter Guide for more information.