Better "Preview" for templates in the CP

This is a very quick hack that enhaces the "Preview" feature in the Template Editor. Currently I find the preview to be useless, I can also see funky colors and odd tables.
With this hack, you will get a slightly better idea of how the template will really look like, because all the {replacement} variables will be replaced with their real value.

If you have Mutt's "Advanced Template Editor" hack installed, please follow the directions in this post:
https://vborg.vbsupport.ru/showthrea...&postid=253878
Thanks Mutt!

In template.php replace:

PHP Code:

function dotemplatejavascript() {

    $buttonextra="
<SCRIPT LANGUAGE=\"JavaScript\">
function displayHTML() {
var inf = document.name.template.value;
win = window.open(\", \", 'popup', 'toolbar = no, status = no, scrollbars=yes'); 


With this:

PHP Code:

function dotemplatejavascript() {
    global $DB_site, $bburl;

    $replacementsetid = 1;    ### Change me to use a different replacement set!

    $vars = $DB_site->query("
        SELECT findword,replaceword FROM replacement
        WHERE replacementsetid IN(-1,'$replacementsetid')
        ORDER BY replacementsetid DESC,replacementid DESC
    ");
    while ($var=$DB_site->fetch_array($vars)) {
        if ($var['findword']!="") {
            if ($var['findword'] == '{images[i][/i]folder}'
                or $var['findword'] == '{titl[i][/i]eimage}'
                or $var['findword'] == '{newthr[i][/i]eadimage}'
                or $var['findword'] == '{closed[i][/i]threadimage}') {
                $var['replaceword'] = $bburl . '/' . $var['replaceword'];
            }
            $varinf .= 'inf = replace(inf,"'.addslashes($var['findword']).'","'.addslashes($var['replaceword']).'");
';
        }
    }

    $buttonextra="
<SCRIPT LANGUAGE=\"JavaScript\">

function replace(string,text,by) {
// Replaces text with by in string
    var strLength = string.length, txtLength = text.length;
    if ((strLength == 0) || (txtLength == 0)) return string;

    var i = string.indexOf(text);
    if ((!i) && (text != string.substring(0,txtLength))) return string;
    if (i == -1) return string;

    var newstr = string.substring(0,i) + by;

    if (i+txtLength < strLength)
        newstr += replace(string.substring(i+txtLength,strLength),text,by);

    return newstr;
}

function displayHTML() {
var inf = document.name.template.value;
$varinf
win = window.open(\", \", 'popup', 'toolbar=no,status=no,scrollbars=yes,width=800,height=600'); 


You can change the $replacementsetid if you want:

	$replacementsetid = 1;	### Change me to use a different replacement set!

Enjoy!

[Dalius]

Yeah, it would help me alot to have a perfect Preview, with all the variables and images showing

[Xanthine]

Wow, I didnt even know there was a preview button. Would there any way to display images or maybe even display the variables?

Thanks again Chen.

[ceo_tfw]

installed, it took 2 minutes and work great, I love it, very smooth

[Velocd]

Originally posted by Xanthine
Wow, I didnt even know there was a preview button. Would there any way to display images or maybe even display the variables?

Thanks again Chen.

display the images by just replacing {imagefolder} or "images/" with the full URL "http://www.website.com/images/"

only temporarily (just for previews)...if you're asking how to do it without then I'm not too sure...

as for displaying the variables, that would be cool

[CeleronXL]

Originally posted by Dark_Wizard
Just a word of caution...if your using Mutt's Template Editor this will not work correctly....

Aww... Damn, I just finished installing it too and then I read that. *cries openly*

[c-pr0mpt]

Big time excitement here. I never use preview because its pointless. But this creates a use finally! Thanks

[Siggi]

Many thanks
I use a vb 2.2.1 and have noticed the following error.

Unfortunately, it works this one look for badge in the template no more.

I hope somebody can help me.

Please, my bad one excuses English.

[Neo]

want to make it so it also parses the $variables ?

[Admin]

Making it eval() the $variables would be a much more complicated, because you need to set an "example url" for each template, then call it with the temp template. It's not very simple, trust me.

I'll try to fix the images not showing in a minute...

[Admin]

Ok, just released a new version and now it also shows you the images.

To upgrade, replace this:

PHP Code:

    global $DB_site;

    $replacementsetid = 1;    ### Change me to use a different replacement set!

    $vars = $DB_site->query("
        SELECT findword,replaceword FROM replacement
        WHERE replacementsetid IN(-1,'$replacementsetid')
        ORDER BY replacementsetid DESC,replacementid DESC
    ");
    while ($var=$DB_site->fetch_array($vars)) {
        if ($var['findword']!="") {
            $varinf .= 'inf = replace(inf,"'.addslashes($var['findword']).'","'.addslashes($var['replaceword']).'"); 


With this:

PHP Code:

    global $DB_site, $bburl;

    $replacementsetid = 1;    ### Change me to use a different replacement set!

    $vars = $DB_site->query("
        SELECT findword,replaceword FROM replacement
        WHERE replacementsetid IN(-1,'$replacementsetid')
        ORDER BY replacementsetid DESC,replacementid DESC
    ");
    while ($var=$DB_site->fetch_array($vars)) {
        if ($var['findword']!="") {
            if ($var['findword'] == '{images[i][/i]folder}'
                or $var['findword'] == '{titl[i][/i]eimage}'
                or $var['findword'] == '{newthr[i][/i]eadimage}'
                or $var['findword'] == '{closed[i][/i]threadimage}') {
                $var['replaceword'] = $bburl . '/' . $var['replaceword'];
            }
            $varinf .= 'inf = replace(inf,"'.addslashes($var['findword']).'","'.addslashes($var['replaceword']).'");