1

Topic: Improving/replacing html editor R#5

I noticed that when creating a new page using the html editor the html code is converted into xhtml, but sometimes the result is unexpected (e.g. when using tag TITLE).

I dont' know if it depends by vldpersonals CSS or html editor.

If it caused by the html editor, this has to be fixed. Moreover, you should consider to integrate TinyMce.

This is very important to prevent issues when editing html emails by the html editor will be introduced into vldpersonals.

2

Re: Improving/replacing html editor R#5

+1

Comet Chat - The best Facebook chat clone integrated to Vldpersonals
Asian Dating and Asian Girls
Dating woman Romania

3

Re: Improving/replacing html editor R#5

TinyMCE

4

Re: Improving/replacing html editor R#5

I was quite sure there are other people that would like it. smile

5

Re: Improving/replacing html editor R#5

I can't tell from your reply if you realized that was a link to how to change the CP editor to TinyHTML

There are still many issues with using it, as you can see from the user requests and questions.

Hopefully someone can assist in finding out the answers before I can get time to do it, then we all benefit.

6

Re: Improving/replacing html editor R#5

Hi folks, I'm also looking to integrate tinyMCE in the CP.
Integrating is no problem, only the switch languages doesn't work anymore.
Any tips on changing this?

It must be in this footer code:

    <!--
    $(document).ready(function(){
        $('.langbody_html > textarea').each(function(i,o){
            new nicEditor({
                iconsPath: '{virtual_path}includes/js/nicicons.gif',
                buttonList: ['bold','italic','underline','left','center','right','ol','ul','indent','outdent','hr','image','forecolor','bgcolor','link','unlink','fontSize','fontFamily','fontFormat','xhtml']
            }).panelInstance(o.id);
        });
    });
    function toggleLanguage(lang)
    {
        langname = lang;
        $('.langsubject').hide();
        $('.langbody').hide();
        $('.langbody_html').hide();
        $('#'+lang+'_subject').show();
        $('#'+lang+'_body').show();
    }
    function switchFormat()
    {
        if ( $('#'+langname+'_body').css("display") == "none" )
        {
            $('#'+langname+'_body').show();
            $('#'+langname+'_body_html').hide();
        }
        else
        {
            $('#'+langname+'_body_html').show();
            $('#'+langname+'_body').hide();
        }
    }
    -->
    </script>

changing the "  new nicEditor({ " into new tinyMCE , doesn't work obviously smile

First I included a tinymce.tpl in the CP with this tinymce code:

<!-- TinyMCE -->
<script type="text/javascript" src="{top.virtual_tpl_path}js/tiny_mce/tiny_mce_gzip.js"></script>
<script type="text/javascript">
// This is where the compressor will load all components, include all components used on the page here
tinyMCE_GZ.init({
    plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",
    themes : 'advanced',
    languages : 'en',
    disk_cache : true,
    debug : false
});
</script>
<script type="text/javascript">
    tinyMCE.init({
        // General options
        mode : "textareas",
        theme : "advanced",
        plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave,htmlcharcount,advimagescale",

        // Theme options
        theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
        theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
        theme_advanced_buttons4 : "",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,
        convert_urls : false,
        //speed
        button_tile_map : true,
        
        extended_valid_elements : "a[class|name|href|target|title|onclick|rel],script[type|src],iframe[src|style|width|height|scrolling|marginwidth|marginheight|frameborder],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],$elements",
        
        // Office example CSS 
        content_css : "{top.virtual_tpl_path}js/tiny_mce/css/content.css", 
        

    });
</script>
<noscript>Sorry, your browser does not support JavaScript!
<meta HTTP-EQUIV="REFRESH" content="0; url={top.virtual_tpl_path}/noscript.html">
</noscript>
<!-- /TinyMCE -->

Last edited by godyn (2011-09-30 05:48:51)

7

Re: Improving/replacing html editor R#5

fatlizard, happy to know you prefer TinyMce too as lot of other people.
Thank you very much for your tutorial.
Obviously I would prefer that TinyMce will be implemented into vldpersonals helping us to not use modifications that have to be added again at every new vldp release.
I wonder why TinyMce has not yet been implemented into vldp, considering it is appreciated by lot of users.
Changing the vldp html editor it's useful also because all people can find bugs into TinyMce and fix them sharing the solution with the other vldp users. This doesn't happen when people have to add TinyMce with a modification and can be considered a customization for personal purpose. This is the reason why I ask for an official implementation.
Consider we cannot send attractive html newsletters with vldpersonals so we lose an important way to earn money with email marketing. No good at all!

P.S. Lot of my members ask to be allowed to use TinyMce to add articles into their blog, but we are still asking to add TinyMce into vldpersonals just for newsletters... With vldp we are out of date! These things need to be implemented as soon as possible.

Last edited by orange_slice (2011-09-30 07:13:01)

8

Re: Improving/replacing html editor R#5

yes, the standard editor is a real dinosaur :-/
tinymce is so much better...

9

Re: Improving/replacing html editor R#5

hm,... loading the tinymce in the newsletter doesn't work either, when I load a template it loads as rendered html code into the editor, wich should be in the form, not in the editor.