After adding version 1.3, I received a few notifications about the javascript. It gave errors, wasn’t compatible with most plugins and/or themes and just sucked

My decision was to update the complete javascript used with version 2.0, since that one is going to have a complete makeover. However, more and more emails came, telling about the JavaScript. The problem seems to be worse then I was thinking, so an early patch for the javascript is already available.

I removed the Prototype framework for compatibility, since most themes and plugins are using jQuery. Now the Community News plugin does too. It uses the jQuery lib that comes with WordPress itself. I hope this will improve the compatibility. Also errors which occurred in the old javascript are fixed.

Template Tags

A lot of people were asking for it, template tags for use in posts/pages. Well, here they are:

<!--fvCommunityNews:Form-->
<!--fvCommunityNews:Submissions-->

The first one will display the form, just as the widget does, but then within a page or post. The next one will display a list of submissions, as defined in the admin panel (under: Settings – Template). You can simply put these tags in your post or page, and thats all.

Uninstall Feature

While I was thinking what this plugin needs, I decided that it should have an uninstall function. Before, you could only deactivate the plugin through the wp-admin panel under plugins, but when that was done, all the data/settings still remain in your database and on your server. With this new Uninstall function you can remove all settings, and/or all data before you deactivate the plugin and remove all the plugin files.

Translatable

Before version 1.3, all text displayed on the screen, produced by this plugin was static data, you couldn’t change it. From now on the plugin uses the WordPress functions for displaying text, wich makes it possible for you to translate it and run the plugin in your own language. There are no languages included yet, but don’t hesitate to submit your own translation. I will include it in the plugin and would be very thankfull.

Custom Response Messages

Didn’t like the standard responses? You are now able to customize them so they fit for you. Go to Settings – Appearance, and modify all possible responses. Also a simple stylesheet is included to give the form a little style.

Improved Akismet

As of the previous (1.2 series) version, I included an Akismet class to fight spam. Unfortunately, this class was causing some serious problems at random servers. Because of this I searched for another solution, and found the MicroAkismet functions. These do work on blogs where the old class failed. I want to thank my friend Ivan, who made his blog availible for some tests.

Spam Protection

While I was looking how my plugin works on different sites, I noticed that a lot of spam was coming through the default spam protection, build-in since version 1.1. (This means the default protection without captcha) Personally I hate those no-life spammers, throwing a whole lot of crap to your blog and from the beginning I use Akismet om my blog to protect myself, witch works pretty good. So I decided to build this great peace of spam-killing code into my plugin.
To accomplish this I used the Akismet PHP4 class, written by Bret Kuhns. Submissions will be marked as spam, just like comments, if Akismet finds a message to be spam. This way you can still approve submissions that aren’t spam, but are marked as if they are.

Image Uploading

Another new feature is the possibility to let submitters upload an image along with their submission. I received a request for this, and thought: “Hey that’s a good idea!”. The image field is not required, and therefor you could setup a default image that is used when people don’t upload one. You are also able to configure the maximum sizes for an image (width and height separated).
Note that it could happen that you have to create the upload folder manually. If so, the plugin let you know. Just create a new folder in your WordPress root folder called ‘wp-fvcn-images’, then chmod it to 755 and everything should work fine.

To add the images to your list of submissions, you could use the new %submission_image% tag. This tag will change into the location of the image, so to add a new image, in its img tag use something like this:

<img src="%submission_image%" alt="" />

Note that when people upload an image they can’t use AJAX, because JavaScript can’t access the image. Here is taken care of automatically.

My Submissions Page

Want to let submitters view their own submissions? Now that is possible with the new ‘My Submissions’ page. This is an optional page you could enable where registered users of your blog could view and submit their submissions.

Edit Submissions

I also received a request for this one. So from now on you can edit the submissions. Note that the ‘Edit Submissions’ page is already created with and for WordPress 2.7. If you are using the 2.7 nightly-builds you won’t notice, but else you will see that the box with the Save button looks a bit crapy. I have thought a while about this one, but since 2.7 will be released within a few weeks, I think it isn’t worth the effort to make it look good in 2.6 and 2.5.

Dashboard Widget

Another 2.7+ feature is a dashboard widget. It looks almost the same as the comments widget and also has the same features. You could simply Approve, Unapprove, Spam or Delete a submission with one single click while your at the dashboard page.

Other Fixes

More little bug-fixes have been applied. A small list:

• The AJAX didn’t work when there was a ? in the URL, now it does work.
• The settings page is separated in different tabs for a better usability.
• Some problems with the function that shortens up the submission text are fixed.
• You can now add a description if using the widgets.
• The number of unmoderated submissions is added to the admin menu.
• Link actions are added.
• Some problems occurred when you have modified the location of your wp-content folder, this is fixed.
• The ‘Post URL’ field isn’t required anymore. (Had a request for this)
• You now can override the template settings in your theme pages, instead of vice versa.
• Some fixes are applied to the RSS feed.
• Problems with the admin menu are fixed.
• The reloading of the captcha is improved.

That’s about it
Any suggestions? Please leave a comment.

• The submission moderation panel is improved and some bugs are fixed.
• The option that users must be logged in is added.
• The form is already filled in in parts for users who are logged in
• The captcha could be removed for users who are already logged in.
• The captcha image can now easily refreshed, using AJAX
• A nonce field is added to fight spam.
• I added an RSS 2.0 feed for the submissions.
• AJAX is now used to submit the form.

Note that all the JavaScript from this plugin uses the Prototype and Scriptaculous libraries, and if you already loaded jQuery in your page, the AJAX might not work.

On to version 1.2

There are already some suggestions for version 1.2:

• Allow people to upload photo’s.
• The ability to edit submissions.
• Tags to add Community News in a post or page.

These will be implemented as soon as possible
Have any other suggestions? Please leave a comment and I will take a look at it.

Join the 2.0 beta now!

Features

Currently, the Community News plugin has the following features:

• Widget Ready (Different form/results widget)
• Tags for use in posts/pages
• AJAX Form Handling
• Multi-Language Support
• Moderation panel (with email option) – Make sure you approve the right articles
• Edit Submissions
• `My Submissions` Page
• Customizable templates
• Captcha Spam protection (on/off)
• Akismet Spam protection (API key required)
• Build-in RSS 2.0 Feed
• Image Uploading
• Settings
• Uninstall Page
• Configurable Responses

How To Install & Use

1. Download the files
2. Upload the files to /wp-content/plugins
3. Activate the plugin (WP-admin > Plugins > FV Community News)
4. Browse Community News > Settings to select the settings you prefer.
5. Go to Design > Widgets to add the Community News widgets to your sidebar.

You can also show your Community News plugin on a static page. You can do that by placing the following codes on a page that does support PHP:

Add Form

<?php if (function_exists('fvCommunityNewsForm'))

    fvCommunityNewsForm(); ?>

Latest Submissions

<?php if (function_exists('fvCommunityNewsGetSubmissions'))
    echo fvCommunityNewsGetSubmissions(Number, Template); ?>

• Number – Insert number of items you would like to show here
• Template – Structure per item. You can use these tags:
  
  • %submission_author%
  • %submission_author_email%
  • %submission_title%
  • %submission_url%
  • %submission_description%
  • %submission_date%
  • %submission_image%

By default the Template is: ‘<li><h3><a href="%submission_url%" title="%submission_title%">%submission_title%</a></h3><p>%submission_description%</p><small>%submission_date%</small></li>‘. <ul> </ul> tags are automatically added.

Example

Take a look at the sidebar, you could see the plugin in action right there. Also my friend uses Community News on his blog, so you can see a working example on DivitoDesign.

The FV Community News settings page.

Bugs & Questions

If you find any bug in the latest version of this plugin, I hope you’d be so kind to tell me about it. This will only improve the plugin, which is better for the users! When you have anything else to say (appreciated!), please comment!

Plugin Info

AUTHOR: Frank Verhoeven
AUTHOR URL: http://www.frank-verhoeven.com/
WORDPRESS VERSION: 2.5+
TESTED UP TO: 2.7
CURRENT VERSION: 1.3.1

Change log

Version 1.1
Version 1.2
Version 1.3

Download

DOWNLOAD: FV Community News

Donate

Like this plugin? Please consider making a small donation.

Or help promoting it by adding a link to this page, definitely appreciated !

Also the admin panel is improved for better usability, see the screenshot below.

FV Code Highlighter – New Admin Interface

Furthermore, a security issue, which makes it possible for every subscriber of your blog to change the code display settings, is solved. And a few little bugs have been fixed.

For details on how to use this plugin, please visit original post.

Download here: FV Code Highlighter, Mirror

As you could have read here, the current release of my code highlighter has some trouble with highlighting PHP on servers running PHP version 4. I told you I should try to fix the problem and include a better PHP highlighter in the next release.

I worked very hard this morning to get PHP fixed, and I’m proud to announce that PHP is almost working the way it should. That means: including servers running PHP4.

You want an example? Sure, here it is:

PHP Code Like It Should

<?php
mysql_connect ($host, $user, $password);
$result = mysql_db_query ('Database', 'select * from table');

while ($row = mysql_fetch_assoc ($result))
{
	echo $row['user_id'];
	echo $row['fullname'];
}
mysql_free_result ($result);
?>

So, What’s Next?

After this highlighter is finished, I create one for JavaScript and properly one for Java. As soon as they all work the way it should, I will release version 1.1.

See you.

FV Code Highlight Example

I thought maybe more people were looking for a plugin that simply publish codes that looks great. I started to write my own, and the FV Code Highlight plugin was born and now open for the public. The features are plain and simple, read on.

Description

This plugin supports the highlighting of PHP, HTML, CSS and XML. The default tag-highlighter color scheme uses the same colors Adobe’s Dreamweaver is using. This makes it easy for your visitors to recognize what type of codes you wrote. These colors can be changed to your liking in the WPadmin section of your blog.

Features

• Easy to use
• Renders XHTML, CSS, XML and PHP (in parts)
• Default look: Dreamweaver style
• Customizable look of codes and code box

How to use this plugin?

1. Upload the folder `fv-code-highlighter` to the `/wp-content/plugins/` directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Place in your pages to use the highlighter

Example

CSS Code

/* Comment */
@import url("main.css");
h3, .head2 {
    font-family: "Sans-Serif";
    font-weight: bold;
    color: #336699 !important;
}
@media screen, print {
    pre { margin: 0px 10px 10px; }
    h1 { font-size: 14px; padding-top: 10px; }
}

(x)HTML Code

<style type="text/css">  headline {font-size: 24pt;}  </style>
<!-- Comment -->
<td><a href="link">Plain Text &nbsp;</a>
<img src="image" alt="" width="15" />
<form action="action.pl"> <input type="submit" value="Press Me" />
</form>Text</td>

Plugin Info

AUTHOR: Frank Verhoeven
AUTHOR URL: http://www.frank-verhoeven.com/
WORDPRESS VERSION: 2.5+
TESTED UP TO: 2.6.2
CURRENT VERSION: 1.0

Download

DEMO: Live Demo
DOWNLOAD: FV Code Highlighter, Mirror

CSS Code

/* Comment */
@import url("main.css");
h3, .head2 {
    font-family: "Sans-Serif";
    font-weight: bold;
    color: #336699 !important;
}
@media screen, print {
    pre { margin: 0px 10px 10px; }
    h1 { font-size: 14px; padding-top: 10px; }
}

(x)HTML Code

<style> headline {font-size: 24pt;} </style>
<!-- Comment -->
<td><p><a href="link">Plain Text  </a>
<img src="image" width="15" />
</p><form action="action.pl">
<input type="submit" value="Press Me" />
</form>Text</td>

XML Code

<scheme name="XML" doctypes="XML" priority="50">
<ignoreCase>Yes</ignoreCase>
<defaultText MMString:name="Text/scheme/name" />
<defaultAttribute name="Attribute" />
</scheme>