在发布文章之前，我们往往希望，修改完善没有问题了，再发布文章。这个时候就需要一个文章预览功能，PHPCMS后台默认是没有文章预览功能的，实际上只需要2步，即可实现文章预览功能，下面给出具体代码：
1、修改模板文件添加“文章预览”按钮
/phpcms/modules/content/templates/content_add.tpl.php /phpcms/modules/content/templates/content_edit.tpl.php 在<div class="fixed-but text-c">下面添加如下代码
<div class="button"><input type="button" value="文章预览" onClick='preview_content2();'></div>
<script>
function preview_content2() {
//将 from 提交到预览页
myform.action = "?m=content&c=content&a=public_preview2&catid=<?php echo $catid;?>&pc_hash=<?php echo $_SESSION['pc_hash'];?>";
myform.target = "_view";
myform.submit();
//恢复 form 的默认 Action & target
myform.action = "?m=content&c=content&a=add";
myform.target="_self";
}
</script>
添加后效果：
2、增加“文章预览”功能
打开文件/phpcms/modules/content/content.php
在public function public_preview() {...}之前添加如下代码
public function public_preview2() {
$catid = (int)$_GET['catid'];
!$catid && showmessage('分类不存在','blank');
extract($_POST['info']);
$content = stripcslashes($content);
$content = '<p style="text-align:center; background:#A63434; line-height:32px; border: solid 1px #CCC; margin-bottom:10px; color:#FFF; font-size:14px;">请注意，以下为文章预览效果，此文章尚未保存，请预览后保存文章。</p>'.$content;
include template('content','show');
echo "
<link href=\"".CSS_PATH."dialog_simp.css\" rel=\"stylesheet\" type=\"text/css\" />
<script language=\"javascript\" type=\"text/javascript\" src=\"".JS_PATH."dialog.js\"></script>
<script type=\"text/javascript\">art.dialog({lock:false,title:'预览文章',mouse:true, id:'content_m', content:'<span style=\"color:#FF0000;\">注意：此文章尚未保存，请在预览之后保存文章</span>',left:'100%',top:'100%',width:200,height:50,drag:true, fixed:true});
function set_time() {
$('#secondid').html(1);
}
</script>";
exit;
}
前台预览效果：
