[FTS 1.1] Add Left, Center, Right to WYSIWYG Editor with buttos

[benjaminbih]

Thru this modification you are able about adding 3 additional buttons the WYSIWYG editor. They enable to align the text to left, right side and center

open /include/globalfunctions.php
and find:

PHP Code:

    $s = preg_replace( "/\[marquee\]((\s|.)+?)\[\/marquee\]/", "<marquee>\\1</marquee>",
        $s ) ; 


and add under it

PHP Code:

    $s = preg_replace( "/\[left\]((\s|.)+?)\[\/left\]/", "<div style='text-align: left;'>\\1</div>",
        $s ) ;

    $s = preg_replace( "/\[center\]((\s|.)+?)\[\/center\]/", "<div style='text-align: center;'>\\1</div>",
        $s ) ;

    $s = preg_replace( "/\[right\]((\s|.)+?)\[\/right\]/", "<div style='text-align: right;'>\\1</div>",
        $s ) ; 


open /fts_contents/wsiwyg/sets/default/style.css
and find:

PHP Code:

.markItUp .quotes a    {
    background-image:url(images/quotes.png);
} 


above it add:

PHP Code:

.markItUp .left a    {
    background-image:url(images/left.png);
}

.markItUp .center a    {
    background-image:url(images/center.png);
}

.markItUp .right a    {
    background-image:url(images/right.png);
} 


open /fts_contents/wsiwyg/sets/default/set.js
and find:

PHP Code:

        {separator:'---------------' },
        {name:'Quotes', openWith:'<<<@!1!@>>>', className:'quotes'},
        {name:'Code', openWith:'[code]', closeWith:'[/code]', className:'code'}, 


Above add:

PHP Code:

        {separator:'---------------' },
        {name:'Left', openWith:'[left]', closeWith:'[/left]', className:'Left'},
        {name:'Center', openWith:'[center]', closeWith:'[/center]', className:'center'},
        {name:'Right', openWith:'[right]', closeWith:'[/right]', className:'Right'}, 


open /include/libs/format/format-functions.php
and searhc for:

PHP Code:

<script language=javascript>
var b_open = 0;
var i_open = 0;
var u_open = 0;
var color_open = 0;
var list_open = 0;
var quote_open = 0;
var html_open = 0; 


add to this list:

PHP Code:

var left_open = 0;
var center_open = 0;
var right_open = 0; 


Upload the attached 3 pics to:

PHP Code:

./fts-contents/wysiwyg/sets/default/images 


[yoligim]

could you tell me how can I open the WYSIWYG editor?
I mean through what link or page inside the FTS I can open it?
thanks in advance

[benjaminbih]

the editor is included when you call in youre browser upload.php

[Edgein]

nice mod

but the file /include/format-functions.php is not in my fts1.1

but without the file /include/format-functions.php it works perfect

thx for the nice mod

[benjaminbih]

Originally Posted by Edgein

nice mod

but the file /include/format-functions.php is not in my fts1.1

but without the file /include/format-functions.php it works perfect

thx for the nice mod

Strange i

[yoligim]

in set.js I have this

PHP Code:

{separator:'---------------' },
        {name:'Quotes', openWith:'<<<@!1!@>>>', className:'quotes'},
        {name:'Code', openWith:'[code]', closeWith:'[/code]', className:'code'}, 


not

PHP Code:

{separator:'---------------' },
        {name:'Quotes', openWith:'<<<@!2!@>>>', className:'quotes'},
        {name:'Code', openWith:'[code]'[/code][code], closeWith:'[/code]', className:'code'}, 


Is this a problem?

because of I can,t see the 3 extra buttons

[benjaminbih]

@yoligim,

have you added this above the code you past here form/in set.js ??

PHP Code:

        {separator:'---------------' },
        {name:'Left', openWith:'[left]', closeWith:'[/left]', className:'Left'},
        {name:'Center', openWith:'[center]', closeWith:'[/center]', className:'center'},
        {name:'Right', openWith:'[right]', closeWith:'[/right]', className:'Right'}, 


[yoligim]

Yes, Benjaminbih, so...what's wrong?
any ideas?
thanks in advance:-)

[benjaminbih]

its a forum problem here, i can