OSI-Certified logo

Screenshots of the
Content Management module for Phprojekt.

Publishing content in HTML. The WYSIWYG editor. Extended charset example.

These are some screenshots of the Content Management module in action. Click the thumbnails to display the full-size screenshot.

Description Version 0.5.0
After version 0.5, the wiki-derived markup includes lists (numbered and bulleted). This is how it looks. Click image to enlarge...
Also, after version 0.5.0, you can enter HTML code directly to write the content. This is an example article written by the user Víctor. This is the screenshot of the edition page. Note the new options Enable rating, Enable comments and Enable HTML.
With the Enable HTML option, Víctor can enter directly HTML code in the Content box. Well, Víctor knows HTML but sometimes he just want to write plain text and click some buttons.
Click image to enlarge...
So, he selects the link to activate the "WYSIWYG HTML editor". This is the popup windows for graphic HTML editing. Unfortunately this WYSIWYG editor works only with IE4 browsers or higher. Here he can write and click some buttons to format the text. Click image to enlarge...
This is the content. This editor can interpret most HTML, thought only a few control are provided here: copy, cut, paste, bold, italics, underline, justify right and left, center, indent, unindent, numbered and bulleted lists, links to URL, inline image, line, unlimited undo (through the keyboard and popup menu). Click image to enlarge...
After closing the WYSIWYG window, the HTML content is passed to the creation window. Click image to enlarge...
This is the result. What is most useful for Víctor is the ability to paste directly HTML from other sources (web browsers and office applications). Click image to enlarge...
Sometimes Víctor finds and good journal article to post. In this example Víctor has entered all the information of the new page; now he will activate the WYSIWYG editor and paste the content of the article from a MS Word document. Click image to enlarge...
This is the content pasted from the Word doc into the WYSIWYG HTML editor. Click image to enlarge...
Even though MS Word generates very obfuscated HTML code, most formatting is well rendered. Click image to enlarge...
After closing the WYSIWYG window, the HTML content is passed to the creation window. Click image to enlarge...
This is the result. Click image to enlarge...
More of the same. Click image to enlarge...
Since version 0.5.0b4, the CMS module has improved language capabilities. In this example, the user Vicky (who has her user profile in Phprojekt configured as Chinese) enters some news in Chinese. Click image to enlarge...
This is the resulting page. Click image to enlarge...
In this different example she enables the HTML content and enters the text in the WYSIWYG HTML editor. Click image to enlarge...
This is the resulting page. Click image to enlarge...
This is the index page of those articles. Click image to enlarge...
 
 
NA fum/lmd: 2004.09.30
Copyright ©1994-2024 by Mario A. Valdez-Ramírez.
no siga este enlace / do not follow this link