I'm developing a CMS-system in PHP for a website and I found the FCKeditor to really fit almost all my needs. Its a great application!
I have some thoughts though. In the application I'm developing, users should have the capability to write own articles using the FCKeditor. (thats why I am using it...) My articles is built in xhtml and css with nested divtags.
When users are going to edit or create a article, they are going to be confused beacause the div-tags in the editor is marked depending on where you clicks in the article depending on the used div-tags.
Let me give an example of what my workaround is and thereafter a problem that the FCK editor may solve in the future.
The user is not forced to write correct xhtml beacause I am parsing the text to xhtml on submit.
The user starts writing text in the article and decides to include a picture with som text attached.
The text is supposed to be positioned in the right of the text kolumn so the user first type [right] and clicks on the picture button in FCK-editor.
I have modified the popup so that the popupwindow do not return the actual html code on submit. Instead it returns this: [pic id="15"]This text is attached below the picture[/pic]
In order to end my own right-tag, the user types [/right] in the FCKeditor. Now it looks like this
------
bla bla bla bla.
[right][pic id="15"]This text is attached below the picture[/pic][/right]bla bla bla bla
-------
Now you are thinking, why do I do like this?
The answer is nested div-tags handling in the FCK editor. If I solva this with correct xhtml, the xhtml code should look like this:
--------
<dic class="main"><p>bla bla bla bla.</p></div><div class="right"><div class="pic><img class="picborder" src="path/15.jpg"><div class="picfooter">This text is attached below the picture</div></div></div><div class="main"><p>bla bla bla bla</p></div>
---------
If the user tries to edit the above in FCK, it is going to be confusing beacause div-tag-markers will popup depending on where the user click in the article.
How can you solve this problem? Is there a way to deactivate the div-tags-markers? (when you click in a div-tag the div-tag will be marked. And then you can resize it)
This is not a finally solution either, because a inserted picture will create several more divtags. In my workaround it is one tag but then I loses WYSIWYG.
The solution of this is to dive into the FCK and modify the javascript code to implement my needs, but I stop here...
I would be very happy if I could use the FCK-editor in true WYSIWYG-mode in a simple way that, users which don't understand div-tags handling, could use.
I have some thoughts though. In the application I'm developing, users should have the capability to write own articles using the FCKeditor. (thats why I am using it...) My articles is built in xhtml and css with nested divtags.
When users are going to edit or create a article, they are going to be confused beacause the div-tags in the editor is marked depending on where you clicks in the article depending on the used div-tags.
Let me give an example of what my workaround is and thereafter a problem that the FCK editor may solve in the future.
The user is not forced to write correct xhtml beacause I am parsing the text to xhtml on submit.
The user starts writing text in the article and decides to include a picture with som text attached.
The text is supposed to be positioned in the right of the text kolumn so the user first type [right] and clicks on the picture button in FCK-editor.
I have modified the popup so that the popupwindow do not return the actual html code on submit. Instead it returns this: [pic id="15"]This text is attached below the picture[/pic]
In order to end my own right-tag, the user types [/right] in the FCKeditor. Now it looks like this
------
bla bla bla bla.
[right][pic id="15"]This text is attached below the picture[/pic][/right]bla bla bla bla
-------
Now you are thinking, why do I do like this?
The answer is nested div-tags handling in the FCK editor. If I solva this with correct xhtml, the xhtml code should look like this:
--------
<dic class="main"><p>bla bla bla bla.</p></div><div class="right"><div class="pic><img class="picborder" src="path/15.jpg"><div class="picfooter">This text is attached below the picture</div></div></div><div class="main"><p>bla bla bla bla</p></div>
---------
If the user tries to edit the above in FCK, it is going to be confusing beacause div-tag-markers will popup depending on where the user click in the article.
How can you solve this problem? Is there a way to deactivate the div-tags-markers? (when you click in a div-tag the div-tag will be marked. And then you can resize it)
This is not a finally solution either, because a inserted picture will create several more divtags. In my workaround it is one tag but then I loses WYSIWYG.
The solution of this is to dive into the FCK and modify the javascript code to implement my needs, but I stop here...
I would be very happy if I could use the FCK-editor in true WYSIWYG-mode in a simple way that, users which don't understand div-tags handling, could use.