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!

[Admin]

And here is a screen shot for the imagination challenged...

[Admin]

Here's how it looks currently, without the hack. Ugly right?

[FleaBag]

Until now I'd never even realised that this 'Preview' feature was there, I must be a little short sighted! Nice work FireFly! Running on 2.2.5 well.

[Logician]

very nice addition and works perfectly here..

[Admin]

BTW, there is a small bug when you Preview empty templates. The Javascript function I added (found it by Google ) doesn't support empty strings, so the page will just hang. Then again you shouldn't have any empty templates, and if you had you wouldn't want to preview them, so...

[JAC]

Very Nice, works great for me.

[scsa20]

nice hack, I'll have to install it when I get home

[Dean C]

omg u read my mind firefly... i was going to request this 2nite... how about being able to allow images in the preview??

also my replacement set doesn't seem to be working on the previews...??? any ideas??

Thanks In Advance

[Dark_Wizard]

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