Which WYSIWYG editor (TinyMCE, fckeditor, ...) do you use and why ?

Comments

vm’s picture

TinyMCE why ? user and developer familiarity.

trantt’s picture

The users love it but I hate it:

1. unnessary html tags will be automatically inserted into your source page
2. it is very difficult to read/modify the source content once disable the TinyMCE

Other than that, I don't have any complain about tinyMCE

zeitenflug’s picture

I use TinyMCE since there's a drupal module for it.

xjm’s picture

I use TinyMCE. First of all there's already a Drupal module for it. It is flexible enough to give me very fine control over what styles and markup my users can enter (by role!), it outputs valid XHTML, and with two minor feature additions the HTML it generates is legible and usable without a WYSIWYG editor as well.

The only downside is that it does not work in Safari.

=======================
Just another newbie.
XHTML Strict: it's the way to be.
=======================
Feature request: HTML Source Formatting in TinyMCE

elv’s picture

I also use TinyMCE. The Drupal module is great, and choosing wich buttons will appear in a GUI is a blessing.

About Safari, I think no wysiwyg editor really works with this browser yet. I've read somewhere that the necessary hooks were only recently implemented in Safari, and still don't work well.

damaikar-at-sgprojx.com.au’s picture

Hi Folks,

Yes, be very afraid, I am a newbie :-P; Please set your 'discriminator-guns' to stun only :-) Drupal as of yesterday, CMS as of last week.

I am in one of those feature gaps. I started with Mambo, then went to Joomla which for some reason worked better than Mambo (could only be the spelling). But Joomla did not provide the level of stable integrated user communication that Drupal does. eg real Blogging.

I liked the look of Joomla but quite complex for new users. But it did have TinyMCE built in with an optional JCE WysisWYG Editor; both of which worked exceptionally well and gave as good control over formatting and presentation as I wanted.

In my new Drupal site, I have tried 2 versions of TinyMCE (4.7 & CVS Releases). I am using the META-THEMES PACK (Set to Black), which I like very much and it has not misbehaved that I am aware of.

THE PROBLEM - THERE IS NO FORMATTING IN THE FINAL OUTPUT OF EITHER VERSIONS OF TinyMCE. It's fine while I am editing, but the output is CRAP!

Now I know some of you have this Editor working just fine. Can anyone assist?

MY DILEMMA! I seem to be heading inexorably to one of those Trade-Off Decisions that everyone faces but most do not like. In all honesty I much prefer working with Drupal...It's cleaner more stable, straight forward and has all the functionalilty I need. It just lacks presentability at this point. This is enough of a problem for me to send me back to Joomla unless I am able to get this TinyMCE thing working.

Many thanks in advance.

Stephen G

Cool_Goose’s picture

You need to have an input format that doesn't have the HTML filter on. You could use the standard Full HTML ;).
------------------------------------------------------
Be Smart, Think Free, Choose OpenSource.

damaikar’s picture

Thanks Cool_Goose and all others for your help.

After exhaustive research and much help from all, I opted for the basics and went back to square one....pulled TinyMCE out completely, did full step by step re-install.

Going like a train now :-)...Images and all...works like a charm (so far so good :-P ).

So I imagine that you were all correct....thanks again.

Cheers

Stephen G

Remember! Wherever you go...there you are!

Rollie’s picture

I'm using TinyMCE and, as an editor, I love it. It takes a spectacularly long time to load for me though.

Peter Roehlen

vm’s picture

have you done this ? with regards to the tinymce install.txt step# 6?

6. To boost the performance of TinyMCE, download the "TinyMCE compressor" from:

http://tinymce.moxiecode.com/download.php

Place the tiny_mce_gzip.php file in

modules/tinymce/tinymce/jscripts/tiny_mce

Rollie’s picture

No, I must have missed this one - thanks very much for the tip! :-)

Peter Roehlen

newbie1800’s picture

Hi

I am tinymce+fckeditor newbie. After download and install tinymce+fckeditor, i tried to implement it to my website.
However, the toolbar is not coming out...i created another simple example to test it but the result still the same.
Can someone pls help on this? Thanks a lot. Below is the simple example as mentioned.

-----------------------

<html>
<head>
<title>TinyFCK example</title>
<!-- TinyMCE -->
<script language="javascript" type="text/javascript" src="/home/svr/lstyah/www/tinyfck/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
        tinyMCE.init({
                mode : "textareas",
                theme : "advanced",
                plugins : "table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,flash,searchreplace,print,paste,directionality,fullscreen,noneditable,contextmenu",
                theme_advanced_buttons1_add_before : "save,newdocument,separator",
                theme_advanced_buttons1_add : "fontselect,fontsizeselect",
                theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,zoom,separator,forecolor,backcolor,liststyle",
                theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
                theme_advanced_buttons3_add_before : "tablecontrols,separator",
                theme_advanced_buttons3_add : "emotions,iespell,flash,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
                theme_advanced_toolbar_location : "top",
                theme_advanced_toolbar_align : "left",
                theme_advanced_statusbar_location : "bottom",
                plugin_insertdate_dateFormat : "%Y-%m-%d",
                plugin_insertdate_timeFormat : "%H:%M:%S",
                extended_valid_elements : "hr[class|width|size|noshade]",
                file_browser_callback : "fileBrowserCallBack",
                paste_use_dialog : false,
                theme_advanced_resizing : true,
                theme_advanced_resize_horizontal : false,
                theme_advanced_link_targets : "_something=My somthing;_something2=My somthing2;_something3=My somthing3;",
                apply_source_formatting : true
        });

        function fileBrowserCallBack(field_name, url, type, win) {
                var connector = "/home/svr/lstyah/www/tinyfck/filemanager/browser.html?Connector=connectors/php/connector.php";
                var enableAutoTypeSelection = true;

                var cType;
                tinyfck_field = field_name;
                tinyfck = win;

                switch (type) {
                        case "image":
                                cType = "Image";
                                break;
                        case "flash":
                                cType = "Flash";
                                break;
                        case "file":
                                cType = "File";
                                break;
                }

                if (enableAutoTypeSelection && cType) {
                        connector += "&Type=" + cType;
                }

                window.open(connector, "tinyfck", "modal,width=600,height=400");
        }
</script>
<!-- /TinyMCE -->
</head>
        <body>
                <form method="Post" action="t14.php">
                <b>New Member Entry Form</b><br>
                <hr>
                *Require field<br>
                <table border=0>
                <tr>
                        <td>Surname</td>
                        <td><input type=text name="surname"></input>*</td>
                        <td>Given Name</td>
                        <td><input type=text name="givenname"></input>*</td>
                </tr>
                <tr>
                        <td>Sex</td>
                        <td>
                        <select name="sex">
                                <option>Male</option>
                                <option>Female</option>
                                <option selected></option>
                        </select>*
                        </td>
                </tr>
                <tr>
                        <td></td>
                        <td colspan=4>
                        <hr>
                        </td>
                </tr>
                <tr>
                        <td></td>
                        <td>Contact</td>
                </tr>
                <tr>
                        <td>Address</td>
                        <td><textarea name="address" row="500" cols="70"></textarea>*</td>
                </tr>
                <tr>
                        <td>HP Number</td>
                        <td><input type=text name="hpnumber"></input></td>
                        <td>House Phone Number</td>
                        <td><input type=text name="housephonenumber"></input></td>
                </tr>
                <tr>
                        <td></td>
                        <td><input type="submit" value="Add"></input></td>
                </table>
                <textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 100%">i am good girl.</textarea>

                <hr>
                </form>
        </body>
</html>

vm’s picture

you aren't supposed to embed the tinymce code into anything.

you first need the tinymce drupal module found in the downloads area here on drupal.org
unzip it and read that readme.txt file and install.txt file for directions on how to install the module AND the tinymce library.

to me it looks like you are just installing the library and using code from the library instructions that would be part of the drupal tinymce.module

if you continue to have problems feel free to start another forum thread describing in detail the steps you've taken to install.

_____________________________________________________________________
My posts & comments are usually dripping with sarcasm.
If you ask nicely I'll give you a towel : )