Foliovision Logo

Foliopress WYSIWYG Installation

January 23rd, 2008

Installation:

  1. Copy foliopress-wysiwyg directory located in the zip file into wordpress plugins directory located in '%RootOfYourWordpress%/wp-content/plugins/'.
     foliopress wysiwyg install1
  2. Go into Wordpress plugins setup in Wordpress administration and activate Foliopress WYSIWYG. It is advised to deactivate all other WYSIWYG editors, that are as plugins, that means except TinyMCE which is built-in Wordpress.
     foliopress wysiwyg install2
  3. Make sure you have richtext editor activated in your user preferences. (Users / Your Profile)
    foliopress wysiwyg install3

Server requirements

Note that if you want to use our KFM-powered custom Image Managment PHP's Safe Mode has to be turned off, as well as is_dir and open_dir restrictions. Ask your webhosting administrator about this.

peter | WordPress | 1 comment Jump to the top of this page

Foliopress WYSIWYG Changelog

January 23rd, 2008

Features:

  • Wraps FCKEditor
  • Includes plugins for FCKEditor:
    - foliopress-clean 0.1
    - Enhanced KFM
    - kfmBridge
    - foliopress-wp
  • Nice options page 

Future Features:

  • foliopress-clean
    Plugin speed will be enhanced
  • Enhanced KFM
  • Automatic cleaning of database for deleted and unused files
  • Thumbnails will be controlled in both dimensions if user will set it up
  • ompatibility with TinyMCE
  • Audio button for FCKEditor
  • Automated backup and restore of user config files
  • Advanced options in options page for skilled users
  • Many compatibility and bug issues
  • many many things more to come ...

Version 0.3:

  • Fixed file upload, when path to file directory was changed from default
  • Foliopress-clean is customizable from options page
  • Options page has basic and advanced setups
  • System of getting user settings for Enhanced KFM is changed, newer version is quicker

Version 0.2.1:

  • New version of Foliopress-clean is included
  • Easier installation

Version 0.2:

  • Created and added foliopress-clean 0.1 FCKEditor plugin:  Strips certain special text in FCKEditor of added tags (these tags have to be clean to be striped off)
  • Removed annoying file details table shown when hovering over some file, instead file details are shown in File Details Panel
  • Right click options for Thumbnail sizes in Enhanced KFM are configurable from options page
  • Enhanced KFM supports config file
  • Wrapping of images in links is configurable from options page
  • Using Lightbox in links is configurable from options page
  • Error messages are showing in alert boxes, not on page
  • Fixed: Correct version number is shown
  • File Details Panel in Enhanced KFM is sticky (last position is remembered) (Cookies have to be enabled in user browser)
  • File Details are shown imediatelly, without delay
  • Rearanged Panels in Enhanced KFM
  • Upload of files in Enahanced KFM is fixed so already existing files are not overwritten, but instead a dialog box is shown and asks to rename uploading file
  • Special Thumbnails folders are located underneath every folder with images, to ensure that images with same name and in different directories will not overwrite their thumbnails

Version 0.1:

  • Enhanced and added KFM
  • Created and added kfmBridge FCKEditor plugin: Adds one button to FCKEditor, that launches Enhanced KFM directly from FCKEditor
  • Created and added foliopress-wp FCKEditor plugin: Plugin that adds 'more' and 'next page' buttons to FCKEditor, to use this Wordpress options
  • Nicer KFM skin
  • KFM recognizes if it's run from Image Properties or directly from FCK through kfmBridge
  • Disabled Widget toolkit in KFM
  • Foliopress-wysiwyg replaces TinyMCE as rich text editor
  • Options page visual improvement
  • Custom and managable FCKEditor config file
  • Custom and managable css file for FCKEditor
  • Sizes of thumbnails in Enhanced KFM changed to be exact on width, not on max. dimension
  • Images sent from Enhanced KFM are wrapped in link to original image with rel="Lightbox" to start Lightbox on image click
  • Custom config files are stored inside one folder
  • Nice FCKEditor skin with useful set of Toolbars
  • Fixed: Code injection problems of KFM
  • Fixed: Problems with not showing thumbnails in KFM
  • Fixed: File Details were not showing from time to time
  • Fixed: Banned folders are not showing in KFM

 

peter | WordPress | No comments Jump to the top of this page

Foliopress WSYIWYG

December 31st, 2007

Foliopress WYSIWYG is the editor you were always hoping for, every time you installed a new content management system.

Foliopress WYSIWYG toolbar preview2
Foliopress WYSIWYG toolbar preview
  • Foliopress WYSIWYG? is simple and correctly configured straight out of the box.
  • Foliopress WYSIWYG handles images and text equally well.
  • Foliopress WYSIWYG gives you SEO ready images (properly labelled with caption and alt and title tags).
  • Foliopress WYSIWYG is simple enough to use that your clients will love it.
  • Foliopress WYSIWYG has all the extra control and flexibility you want to be able to do advanced coding on your content pages.
  • Foliopress WYSIWYG looks great in your browser window. No more eyesore when using an online text editor. We aren't living in the 90's anymore and our online text editors shouldn't? look like WordStar.
  • Foliopress WYSIWYG has easy and quick access to source code for experts so your programmers won't get frustrated and turn it off.
  • Foliopress WYSIWYG produces standards compliant html quickly and easily.
  • Foliopress WYSIWYG is forgiving: even if you make some terrible HTML/XHTML errors Foliopress WYSIWYG? will always give you or your clients it's best version of your document without erasing it.
  • Foliopress WYSIWYG does true WYSIWYG. You can actually see the text in your edit box the same way it is in your content box (simple three step point and click configuration).
  • Foliopress WYSIWYG will never go out of date: Foliopress WYSIWYG is assembled from best of breed open source projects so it will always be on the cutting edge of web design. The parts are carefully assembled as modules with no modifications to core code so you can always drop the latest version of the core libraries in for a seamless and instant upgrade.
  • Foliopress WYSIWYG is so easy and fun to use, that you just might want to retire your word processor and write all your documents online.
  • Foliopress WYSIWYG is easy to upgrade. Just drop the latest version in your plugin folder and you are up do date.

Foliopress WYSIWYG is now available.

Download Foliopress WYSIWYG version 0.3.

 

peter | WordPress | 15 comments Jump to the top of this page

Front End Editing

December 12th, 2007

If you've picked up an older WordPress theme, you might just be missing a key feature included in most recent themes. And this feature is essential to CMS nirvana.

Front end editing.

What's front end editing?

Front end editing is being able to navigate the site from the front end - like an end user - and just click a button, edit your post and go back to the front end.

Here's what it looks like on this weblog (you won't see it as you are not logged in and are unlikely to be in the future unless you work for Foliovision):

front end editing wordpress
front end editing wordpress

Here it is actually at the bottom of a post.

I prefer the edit button at the top of a post actually.

To add it to your posts and pages, you have to open up the following file in your WordPress template:  page.php.

The full path is: /wp-content/themes/yourtheme/page.php

Here is the code you need to paste in:

<p><?php // the edit link 
edit_post_link(__('Edit','drunkey-love'),'','');
// end of edit link
?></p>

You should paste it at the top of your page.php file.

Here's what my finished page.php looks like for a new site: 

<?php get_header(); ?>

<div id="content">

<?php include(TEMPLATEPATH."/sidebar.php");?>

<div id="contentmiddle">

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><?php the_title(); ?></h1>

<p><?php // the edit link
edit_post_link(__('Edit','drunkey-love'),'','');
// end of edit link
?></p>


<?php the_content(__('Read more'));?>
<!--
<?php trackback_rdf(); ?>
-->

<?php endwhile; else: ?>

<p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
</div>

</div>

<!-- The main column ends -->

<?php get_footer(); ?>

With this code, if you are logged in you can now navigate to any page and edit on the spot. Your clients can too.

Everyone is happy.

For those who are not happy editing PHP (me until recently), here's a zipped version of page.php which you can try replacing in your your theme directory /wp-content/themes/yourtheme/ .  It will  probably work.

alec | WordPress | 3 comments Jump to the top of this page

October 7th, 2008

admin | Uncategorized | Comments Off Jump to the top of this page

Recent Posts

Recent Comments:

Template = sidebar.php