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

添加日期:2021-08-23点击次数:4569

<p><span style="color: #808080;">注意:由于版本升级经常会调整编辑器,以下方法只适用于DouPHP最新版本</span></p><p>以文章编辑页面为例</p><p>打开“admin/templates/article.html”找到</p><pre><code class="language-smarty">&lt;!--&nbsp;editor&nbsp;--&gt; &lt;link&nbsp;href="include/umeditor/themes/default/css/umeditor.css"&nbsp;type="text/css"&nbsp;rel="stylesheet"&gt; &lt;script&nbsp;type="text/javascript"&nbsp;src="include/umeditor/umeditor.config.js"&gt;&lt;/script&gt; &lt;script&nbsp;type="text/javascript"&nbsp;src="include/umeditor/umeditor.min.js"&gt;&lt;/script&gt; &lt;script&nbsp;type="text/javascript"&nbsp;src="include/umeditor/lang/zh-cn/zh-cn.js"&gt;&lt;/script&gt; &lt;div&nbsp;id="contentFile"&nbsp;class="fileBox"&gt; &nbsp;&lt;ul&nbsp;class="fileBtn"&gt; &nbsp;&nbsp;&lt;li&nbsp;class="btnFile"&nbsp;onclick="fileBox('content',&nbsp;'content');"&gt;{$lang.file_insert_image}&lt;/li&gt; &nbsp;&nbsp;&lt;li&nbsp;class="fileStatus"&nbsp;style="display:none"&gt;&lt;img&nbsp;src="images/loader.gif"&nbsp;alt="uploading"/&gt;&lt;/li&gt; &nbsp;&lt;/ul&gt; &lt;/div&gt; &lt;script&nbsp;type="text/plain"&nbsp;id="content"&nbsp;name="content"&nbsp;class="editor"&gt;{$article.content}&lt;/script&gt; &lt;script&nbsp;type="text/javascript"&gt;var&nbsp;um&nbsp;=&nbsp;UM.getEditor('content')&lt;/script&gt; &lt;!--&nbsp;/editor&nbsp;--&gt;</code></pre><p>如果要复制多个编辑器,请从“<span style="color: #808080;">&lt;div id="contentFile" class="fileBox"&gt;</span>”开始复制,将复制的内容中的content全部改为新的字段对应的名称(除了<span style="color: #808080;">fileBox('content',&nbsp;</span>这里的)。</p>