WYSIWYG Editor

Hi,

A good tool for WYSIWYG formating: Ckeditor
ckeditor.com/

François
PHP-developer
http://code-pixel.com

Thank you for the recommendation.

Everybody knows CKEditor. It is yet another visual editor based on the editing capabilities of every browser like every other visual editor.

Still it does not do the same as the visual editor developed for the design contest.

This editor lets you edit and preview HTML templates so you can see how template variables they look like while you are editing it. You can also use pull-down menus to switch values of template variables.

Take a look here to see a live demonstration of this editor. Try clicking inside the dashed areas so you can understand what I mean.

meta-language.net/forms-examples.ht ...

This editor is Open Source and it is available as part of this package ready to be integrated with any PHP application.

phpclasses.org/formsgeneration

I have some difficulties in understanding the use of the HTML editor. Surely it is a novel approach for writing some HTML and testing the look and feel of web pages, but still, I cannot see the point.

I am from Finland and we have a local saying which goes something like this: "Your are climing the three with your feet up, head down" (a free translation, it does not make much sense,I guess, we Finns are quite crazy people anywayz)

We use the Finnish version to indicate that somebody is doing something in a very awkward, difficult or inefficient way. Unfortunately I think something like this is happening here.

I think it seems odd to you because it is a new concept and you have not yet read about it.

This is an HTML editor that is built-in in most browsers. The main difference is that it supports previewing template marks. This means that if the HTML has for instance a mark {navigation} it automatically shows a preview of the navigation bar.

The advantage of this approach is that you do not need to save the HTML template to see how it will look like in the site pages.

The template marks appear with a dashed border so you can see to what each template mark was expanded.

Some marks support alternative layouts. Those are the ones that appear with the + sign in front of the template variable name in the preview, like for instance {navigation} + .

If you click inside the dashed area of those marks with the + sign, it shows a pull-down menu with alternative layout options.

If you click on one any of those options, you can switch the layout. For instance, you can turn the navigation bar layout to make it show vertically. The layout changes are previewed immediately.

Anyway, this was all explained before several times but I suppose you did not see it. That could explain why you found it odd.

There was even a screencast video showing step by step how to use all aspects of the design proposal system, including the HTML editor.

phpclasses.org/blog/post/110-Screen ...

phpclasses.org/blog/post/104-Submit ...