如何在后台信息编辑页面插入多个编辑器

发布时间:2021-08-23点击数:101

注意:由于版本升级经常会调整编辑器,以下方法只适用于DouPHP最新版本

以文章编辑页面为例

打开“admin/templates/article.html”找到

<!-- editor -->
<link href="include/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="include/umeditor/umeditor.config.js"></script>
<script type="text/javascript" src="include/umeditor/umeditor.min.js"></script>
<script type="text/javascript" src="include/umeditor/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 um = UM.getEditor('content')</script>
<!-- /editor -->

如果要复制多个编辑器,请从“<div id="contentFile" class="fileBox">”开始复制,将复制的内容中的content全部改为新的字段对应的名称(除了fileBox('content', 这里的)。