DOUPHP更换编辑器

本文档介绍了如何在DOUPHP系统中更换编辑器,包括修改article.htm和product.htm两个文件,以及调整public.css中编辑器高度设置以实现编辑器的自动拉伸功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

修 改文件article.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="copyright" content="DouCo Co.,Ltd." />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{$lang.home}{if $ur_here} - {$ur_here} {/if}</title>
<link href="{$site.root_url}favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="templates/public.css" rel="stylesheet" type="text/css">
{include file="javascript.htm"}
<script type="text/javascript" src="images/jquery.form.min.js"></script>
<script type="text/javascript" src="images/jquery.autotextarea.js"></script>
</head>
<body>
<div id="dcWrap">
 {include file="header.htm"}
 <div id="dcLeft">{include file="menu.htm"}</div>
 <div id="dcMain">
   {include file="handle.htm"}
   <div class="mainBox" style="{$workspace.height}">
    <!-- {if $rec eq 'default'} 文章列表 -->
    <h3><a href="{$action_link.href}" class="actionBtn add">{$action_link.text}</a>{$ur_here}</h3>
    <div class="filter">
     <form action="article.php" method="post">
      <select name="cat_id">
       <option value="0">{$lang.uncategorized}</option>
       <!-- {foreach from=$article_category item=cate} -->
       <!-- {if $cate.cat_id eq $cat_id} -->
       <option value="{$cate.cat_id}" selected="selected">{$cate.mark} {$cate.cat_name}</option>
       <!-- {else} -->
       <option value="{$cate.cat_id}">{$cate.mark} {$cate.cat_name}</option>
       <!-- {/if} -->
       <!-- {/foreach} -->
      </select>
      <input name="keyword" type="text" class="inpMain" value="{$keyword}" size="20" />
      <input name="submit" class="btnGray" type="submit" value="{$lang.btn_filter}" />
     </form>
     <span>
      <!-- {if $open.sort} -->
      <a class="btnGray" href="tool.php?rec=sort&act=reset&module=article">{$lang.sort_reset}</a>
      <a class="btnGray" href="tool.php?rec=sort&act=close">{$lang.sort_close}</a>
      <!-- {else} -->
      <a class="btnGray" href="tool.php?rec=sort&act=open">{$lang.sort_open}</a>
      <!-- {/if} -->
     </span>
    </div>
    <div id="list">
     <form name="action" method="post" action="article.php?rec=action">
      <table width="100%" border="0" cellpadding="8" cellspacing="0" class="tableBasic">
       <tr>
        <th width="22" align="center"><input name='chkall' type='checkbox' id='chkall' onclick='selectcheckbox(this.form)' value='check'></th>
        <th class="m-none" width="40" align="center">{$lang.record_id}</th>
        <th align="left">{$lang.article_name}</th>
        <th class="m-none" width="150" align="center">{$lang.article_category}</th>
        <!-- {if $open.sort} -->
        <th class="m-none" width="80" align="center">{$lang.sort}</th>
        <!-- {/if} -->
        <th class="m-none" width="80" align="center">{$lang.add_time}</th>
        <th width="80" align="center">{$lang.handler}</th>
       </tr>
       <!-- {foreach from=$article_list item=article} -->
       <tr>
        <td align="center"><input type="checkbox" name="checkbox[]" value="{$article.id}" /></td>
        <td class="m-none" align="center">{$article.id}</td>
        <td><a href="article.php?rec=edit&id={$article.id}">{$article.title}</a><!-- {if $article.image} --> <a href="{$article.image}" target="_blank"><img src="images/icon_picture.png" width="16" height="16" align="absMiddle"></a><!-- {/if} --></td>
        <td class="m-none" align="center"><!-- {if $article.cat_name} --><a href="article.php?cat_id={$article.cat_id}">{$article.cat_name}</a><!-- {else} -->{$lang.uncategorized}<!-- {/if} --></td>
        <!-- {if $open.sort} -->
        <td class="m-none" align="center">{$article.sort}</td>
        <!-- {/if} -->
        <td class="m-none" align="center">{$article.add_time}</td>
        <td align="center"><a href="article.php?rec=edit&id={$article.id}">{$lang.edit}</a> | <a href="article.php?rec=del&id={$article.id}">{$lang.del}</a></td>
       </tr>
       <!-- {/foreach} -->
      </table>
      <div class="action">
       <select name="action" onchange="douAction()">
        <option value="0">{$lang.select}</option>
        <option value="del_all">{$lang.del}</option>
        <option value="category_move">{$lang.category_move}</option>
       </select>
       <select name="new_cat_id" style="display:none">
        <option value="0">{$lang.uncategorized}</option>
        <!-- {foreach from=$article_category item=cate} -->
        <!-- {if $cate.cat_id eq $cat_id} -->
        <option value="{$cate.cat_id}" selected="selected">{$cate.mark} {$cate.cat_name}</option>
        <!-- {else} -->
        <option value="{$cate.cat_id}">{$cate.mark} {$cate.cat_name}</option>
        <!-- {/if} -->
        <!-- {/foreach} -->
       </select>
       <input name="submit" class="btn" type="submit" value="{$lang.btn_execute}" />
      </div>
     </form>
    </div>
    {include file="pager.htm"} 
    <!-- {/if} -->
    <!-- {if $rec eq 'add' || $rec eq 'edit'} 文章添加或编辑 -->
    <h3><a href="{$action_link.href}" class="actionBtn">{$action_link.text}</a>{$ur_here}</h3>
    <form action="article.php?rec={$form_action}" method="post" enctype="multipart/form-data">
     <div class="formBasic">
      <dl>
       <dt>{$lang.article_name}</dt>
       <dd>
        <input type="text" name="title" value="{$article.title}" size="135" class="inpMain" />
       </dd>
      </dl>
      <dl>
       <dt>{$lang.article_category}</dt>
       <dd>
        <select name="cat_id">
         <option value="0">{$lang.uncategorized}</option>
         <!-- {foreach from=$article_category item=cate} -->
         <!-- {if $cate.cat_id eq $article.cat_id} -->
         <option value="{$cate.cat_id}" selected="selected">{$cate.mark} {$cate.cat_name}</option>
         <!-- {else} -->
         <option value="{$cate.cat_id}">{$cate.mark} {$cate.cat_name}</option>
         <!-- {/if} -->
         <!-- {/foreach} -->
        </select>
       </dd>
      </dl>
      <!-- {if $article.defined} -->
      <dl>
       <dt valign="top">{$lang.article_defined}</dt>
       <dd>
        <textarea name="defined" id="defined" cols="50" class="textAreaAuto" style="height:{$article.defined_count}0px">{$article.defined}</textarea>
        <script type="text/javascript">
         {literal}
          $("#defined").autoTextarea({maxHeight:300});
         {/literal}
        </script>
        </dd>
      </dl>
      <!-- {/if} -->
      <dl>
       <dt valign="top">{$lang.article_content}</dt>
       <dd> 
       <!-- editor -->
       <link href="include/ueditor/themes/default/css/ueditor.css" type="text/css" rel="stylesheet">
       <script type="text/javascript" src="include/ueditor/ueditor.config.js"></script>
       <script type="text/javascript" src="include/ueditor/ueditor.all.js"></script>
       <script type="text/javascript" src="include/ueditor/lang/zh-cn/zh-cn.js"></script>
        <div id="contentFile" class="fileBox">
         <ul class="fileBtn">
          <li class="btnFile" onclick="fileBox('content', 'content');">{$lang.file_insert_image}</li>
          <li class="fileStatus" style="display:none"><img src="images/loader.gif" alt="uploading"/></li>
         </ul>
        </div>
       <script type="text/plain" id="content" name="content" class="editor">{$article.content}</script>
       <script type="text/javascript">var ue = UE.getEditor('content');</script>
       <!-- /editor -->
       </dd>
      </dl>
      <dl>
       <dt>{$lang.thumb}</dt>
       <dd>
        <input type="file" name="image" size="38" class="inpFlie" />
        {if $article.image}<a href="{$article.image}" target="_blank"><img src="images/icon_yes.png"></a>{else}<img src="images/icon_no.png">{/if}</dd>
      </dl>
      <!-- {if $open.sort} -->
      <dl>
       <dt>{$lang.sort}</dt>
       <dd><input type="text" name="sort" value="{if $article.sort}{$article.sort}{else}50{/if}" size="5" class="inpMain" /></dd>
      </dl>
      <!-- {/if} -->
      <dl>
       <dt>{$lang.add_time}</dt>
       <dd>
        <input type="text" name="add_time" value="{$article.add_time}" size="15" class="inpMain" />
       </dd>
      </dl>
      <dl>
       <dt>{$lang.keywords}</dt>
       <dd>
        <input type="text" name="keywords" value="{$article.keywords}" size="135" class="inpMain" />
       </dd>
      </dl>
      <dl>
       <dt>{$lang.description}</dt>
       <dd>
        <textarea name="description" cols="115" rows="3" class="textArea" />{$article.description}</textarea>
       </dd>
      </dl>
      <dl>
       <!-- {if !$open.sort} -->
       <input type="hidden" name="sort" value="{if $article.sort}{$article.sort}{else}50{/if}" />
       <!-- {/if} -->
       <input type="hidden" name="token" value="{$token}" />
       <input type="hidden" name="image" value="{$article.image}">
       <input type="hidden" name="id" value="{$article.id}">
       <input name="submit" class="btn" type="submit" value="{$lang.btn_submit}" />
      </dl>
     </div>
    </form>
    <!-- {/if} -->
   </div>
 </div>
 {include file="footer.htm"}
 </div>
<!-- {if $rec eq 'default'} 文章列表 -->
<script type="text/javascript">
{literal}onload = function() {document.forms['action'].reset();}{/literal}
</script>
<!-- {else} -->
{include file="filebox.htm"}
<!-- {/if} -->
</body>
</html>

修 改 product.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="copyright" content="DouCo Co.,Ltd." />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{$lang.home}{if $ur_here} - {$ur_here} {/if}</title>
<link href="{$site.root_url}favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="templates/public.css" rel="stylesheet" type="text/css">
{include file="javascript.htm"}
<script type="text/javascript" src="images/jquery.form.min.js"></script>
<script type="text/javascript" src="images/jquery.autotextarea.js"></script>
</head>
<body>
<div id="dcWrap"> {include file="header.htm"}
 <div id="dcLeft">{include file="menu.htm"}</div>
 <div id="dcMain"> {include file="handle.htm"}
  <div class="mainBox" style="{$workspace.height}"> 
   <!-- {if $rec eq 'default'} 商品列表 -->
   <h3><a href="{$action_link.href}" class="actionBtn add">{$action_link.text}</a>{$ur_here}</h3>
   <div class="filter">
    <form action="product.php" method="post">
     <select name="cat_id">
      <option value="0">{$lang.uncategorized}</option>
      <!-- {foreach from=$product_category item=cate} --> 
      <!-- {if $cate.cat_id eq $cat_id} -->
      <option value="{$cate.cat_id}" selected="selected">{$cate.mark} {$cate.cat_name}</option>
      <!-- {else} -->
      <option value="{$cate.cat_id}">{$cate.mark} {$cate.cat_name}</option>
      <!-- {/if} --> 
      <!-- {/foreach} -->
     </select>
     <input name="keyword" type="text" class="inpMain" value="{$keyword}" size="20" />
     <input name="submit" class="btnGray" type="submit" value="{$lang.btn_filter}" />
    </form>
    <span>
     <!-- {if $open.sort} -->
     <a class="btnGray" href="tool.php?rec=sort&act=reset&module=product">{$lang.sort_reset}</a>
     <a class="btnGray" href="tool.php?rec=sort&act=close">{$lang.sort_close}</a>
     <!-- {else} -->
     <a class="btnGray" href="product.php?rec=thumb">{$lang.product_thumb}</a> 
     <a class="btnGray" href="tool.php?rec=sort&act=open">{$lang.sort_open}</a>
     <!-- {/if} -->
    </span>
   </div>
   <div id="list">
    <form name="action" method="post" action="product.php?rec=action">
     <table width="100%" border="0" cellpadding="8" cellspacing="0" class="tableBasic">
      <tr>
       <th width="22" align="center"><input name='chkall' type='checkbox' id='chkall' onclick='selectcheckbox(this.form)' value='check'></th>
       <th class="m-none" width="40" align="center">{$lang.record_id}</th>
       <th align="left">{$lang.product_name}</th>
       <th class="m-none" align="center">{$lang.product_price}</th>
       <!-- {foreach from=$user_level_option item=level} -->
       <th class="m-none" align="center">{$level.name}</th>
       <!-- {/foreach} -->
       <th class="m-none" width="150" align="center">{$lang.product_category}</th>
       <!-- {if $site.stock} -->
       <th width="100" align="center">{$lang.product_stock}</th>
       <!-- {/if} -->
       <!-- {if $open.sort} -->
       <th class="m-none" width="80" align="center">{$lang.sort}</th>
       <!-- {/if} -->
       <th class="m-none" width="80" align="center">{$lang.add_time}</th>
       <th width="80" align="center">{$lang.handler}</th>
      </tr>
      <!-- {foreach from=$product_list item=product} -->
      <tr>
       <td align="center"><input type="checkbox" name="checkbox[]" value="{$product.id}" /></td>
       <td class="m-none" align="center"><a href="/product/{$product.id}.html" target="_blank">{$product.id}</a></td>
       <td><a href="product.php?rec=edit&id={$product.id}">{$product.name}</a></td>
       <td class="m-none" align="center">{$product.price}</td>
       <!-- {foreach from=$product.level_price item=level} -->
       <td class="m-none" align="center">{$level.price_format}</td>
       <!-- {/foreach} -->
       <td class="m-none" align="center"><!-- {if $product.cat_name} --><a href="product.php?cat_id={$product.cat_id}">{$product.cat_name}</a><!-- {else} -->{$lang.uncategorized}<!-- {/if} --></td>
       <!-- {if $site.stock} -->
       <td align="center">{$product.stock}</td>
       <!-- {/if} -->
       <!-- {if $open.sort} -->
       <td class="m-none" align="center">{$product.sort}</td>
       <!-- {/if} -->
       <td class="m-none" align="center">{$product.add_time}</td>
       <td align="center"><a href="product.php?rec=edit&id={$product.id}">{$lang.edit}</a> | <a href="product.php?rec=del&id={$product.id}">{$lang.del}</a></td>
      </tr>
      <!-- {/foreach} -->
     </table>
     <div class="action">
      <select name="action" onchange="douAction()">
       <option value="0">{$lang.select}</option>
       <option value="del_all">{$lang.del}</option>
       <option value="category_move">{$lang.category_move}</option>
      </select>
      <select name="new_cat_id" style="display:none">
       <option value="0">{$lang.uncategorized}</option>
       <!-- {foreach from=$product_category item=cate} --> 
       <!-- {if $cate.cat_id eq $cat_id} -->
       <option value="{$cate.cat_id}" selected="selected">{$cate.mark} {$cate.cat_name}</option>
       <!-- {else} -->
       <option value="{$cate.cat_id}">{$cate.mark} {$cate.cat_name}</option>
       <!-- {/if} --> 
       <!-- {/foreach} -->
      </select>
      <input name="submit" class="btn" type="submit" value="{$lang.btn_execute}" />
     </div>
    </form>
   </div>
   {include file="pager.htm"}  
   <!-- {/if} --> 
   <!-- {if $rec eq 'add' || $rec eq 'edit'} 商品添加或编辑 -->
   <h3><a href="{$action_link.href}" class="actionBtn">{$action_link.text}</a>{$ur_here}</h3>
   <form action="product.php?rec={$form_action}" method="post" enctype="multipart/form-data">
    <div class="formBasic">
     <dl>
      <dt>{$lang.product_name}</dt>
      <dd>
       <input type="text" name="name" value="{$product.name}" size="80" class="inpMain" />
      </dd>
     </dl>
     <dl>
      <dt>{$lang.product_category}</dt>
      <dd>
       <select name="cat_id">
        <option value="0">{$lang.uncategorized}</option>
        <!-- {foreach from=$product_category item=cate} --> 
        <!-- {if $cate.cat_id eq $product.cat_id} -->
        <option value="{$cate.cat_id}" selected="selected">{$cate.mark} {$cate.cat_name}</option>
        <!-- {else} -->
        <option value="{$cate.cat_id}">{$cate.mark} {$cate.cat_name}</option>
        <!-- {/if} --> 
        <!-- {/foreach} -->
       </select>
      </dd>
     </dl>
     <dl>
      <dt>{$lang.product_price}</dt>
      <dd>
       <input type="text" name="price" value="{if $product.price}{$product.price}{else}0{/if}" size="40" class="inpMain" />
      </dd>
     </dl>
     <!-- {if $open.user_level} -->
     <dl>
      <dt>{$lang.product_level_price}</dt>
      <dd>
       <table border="0" cellpadding="0" cellspacing="0" class="tableColumn">
        <tr>
         <!-- {foreach from=$user_level_option item=level} -->
         <td>
          <dt>{$level.name}</dt>
          <dd>
           <input type="text" name="level_price[{$level.key}]" value="{$level.price}" size="10" class="inpMain" />
          </dd>
         </td>
         <!-- {/foreach} -->
        </tr>
       </table>
      </dd>
     </dl>
     <!-- {/if} -->
     <!-- {if $product.defined} -->
     <dl>
      <dt>{$lang.product_defined}</dt>
      <dd>
       <textarea name="defined" id="defined" cols="50" class="textAreaAuto" style="height:{$product.defined_count}0px">{$product.defined}</textarea>
       <script type="text/javascript">
         {literal}
         $("#defined").autoTextarea({maxHeight:300});
         {/literal}
        </script> 
      </dd>
     </dl>
     <!-- {/if} -->
          <dl>
      <dt>{$lang.thumb}</dt>
      <dd>
       <input type="file" name="image" size="38" class="inpFlie" />
       {if $product.image}<a href="{$product.image}" target="_blank"><img src="images/icon_yes.png"></a>{else}<img src="images/icon_no.png">{/if}</dd>
     </dl>
     <dl>
      <dt>{$lang.product_gallery}</dt>
      <dd>
       <!-- FileBox -->
       <div id="galleryFile" class="fileBox">
        <ul class="fileAdd">
         <li class="btnFile" onclick="fileBox('gallery', 'fileList');">{$lang.product_gallery_btn}</li>
         <li class="fileStatus" style="display:none"><img src="images/loader.gif" alt="uploading"/></li>
        </ul>
        <ul id="fileList" class="fileList">
         {$product.img_list_html}
        </ul>
       </div>
       <!-- /FileBox -->
      </dd>
     </dl>
     <!-- {if $site.stock} -->
     <dl>
      <dt>{$lang.product_stock}</dt>
      <dd>
       <input type="text" name="stock" value="{if $product.stock}{$product.stock}{else}100{/if}" size="10" class="inpMain" />
      </dd>
     </dl>
     <!-- {/if} -->
     <!-- {if $open.sort} -->
     <dl>
      <dt>{$lang.sort}</dt>
      <dd><input type="text" name="sort" value="{if $product.sort}{$product.sort}{else}50{/if}" size="5" class="inpMain" /></dd>
     </dl>
     <!-- {/if} -->
     <dl>
      <dt>{$lang.keywords}</dt>
      <dd>
       <input type="text" name="keywords" value="{$product.keywords}" size="114" class="inpMain" />
      </dd>
     </dl>
     <dl>
      <dt>{$lang.description}</dt>
      <dd>
       <textarea name="description" cols="115" rows="3" class="textArea" />{$product.description}</textarea>
      </dd>
     </dl>
     <dl>
      <!-- {if !$open.sort} -->
      <input type="hidden" name="sort" value="{if $product.sort}{$product.sort}{else}50{/if}" />
      <!-- {/if} -->
      <input type="hidden" name="token" value="{$token}" />
      <input type="hidden" name="id" value="{$product.id}">
      <input name="submit" class="btn" type="submit" value="{$lang.btn_submit}" />
     </dl>
     <dl>
      <dt>{$lang.product_content}</dt>
      <dd> 
       <!-- editor -->
       <link href="include/ueditor/themes/default/css/ueditor.css" type="text/css" rel="stylesheet">
       <script type="text/javascript" src="include/ueditor/ueditor.config.js"></script>
       <script type="text/javascript" src="include/ueditor/ueditor.all.js"></script>
       <script type="text/javascript" src="include/ueditor/lang/zh-cn/zh-cn.js"></script>
       <div id="contentFile" class="fileBox">
        <ul class="fileBtn">
         <li class="btnFile" onclick="fileBox('content', 'content');">{$lang.file_insert_image}</li>
         <li class="fileStatus" style="display:none"><img src="images/loader.gif" alt="uploading"/></li>
        </ul>
       </div>
       <script type="text/plain" id="content" name="content" class="editor">{$product.content}</script>
       <script type="text/javascript">var ue = UE.getEditor('content');</script>
       <!-- /editor -->
      </dd>
     </dl>
    </div>
   </form>
   <!-- {/if} --> 
   <!-- {if $rec eq 'thumb'} -->
   <h3><a href="{$action_link.href}" class="actionBtn">{$action_link.text}</a>{$ur_here}</h3>
   <script type="text/javascript">
    {literal}
     function mask(i) {
        document.getElementById('mask').innerHTML += i;
        document.getElementById('mask').scrollTop = 100000000;
     }
     function success() {
        var d=document.getElementById('success');
        d.style.display="block";
     }
    {/literal}
    </script>
   <dl id="maskBox">
    <dt><em>{$mask.count}</em><!-- {if !$mask.confirm} -->
     <form action="product.php?rec=thumb" method="post">
      <input name="confirm" class="btn" type="submit" value="{$lang.product_thumb_start}" />
     </form>
     <!-- {/if} --></dt>
    <dd class="maskBg">{$mask.bg}<i id="success">{$lang.product_thumb_succes}</i></dd>
    <dd id="mask"></dd>
   </dl>
   <!-- {/if} --> 
  </div>
 </div>
 {include file="footer.htm"} </div>
<!-- {if $rec eq 'default'} 商品列表 --> 
<script type="text/javascript">
{literal}onload = function() {document.forms['action'].reset();}{/literal}
</script> 
<!-- {else} --> 
{include file="filebox.htm"} 
<!-- {/if} --> 
<!-- {if $rec neq 're_thumb'} -->
</body>
</html>
<!-- {/if} -->

然后将public.css 里面定义编辑器的高度 去掉,不然编辑器会无法自动拉伸大小

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值