一个页面引入多个 ueditor百度编辑器方法

viqecel

已于 2024-04-26 17:35:57 修改

阅读量1.6k

点赞数

分类专栏： ucenter及discuz相关 Ueditor百度编辑器文章标签：多个ueditor

于 2019-08-04 14:23:42 首次发布

本文链接：https://blog.youkuaiyun.com/viqecel/article/details/98468451

版权

ucenter及discuz相关同时被 2 个专栏收录

18 篇文章

订阅专栏

Ueditor百度编辑器

10 篇文章

订阅专栏

本文介绍如何在页面中使用UEditor初始化多个编辑器实例，并通过PHP后端接收不同编辑器的数据。演示了如何在HTML表单中嵌入多个UEditor编辑器，设置其配置参数，以及如何在后端区分并接收各个编辑器的数据。

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

一,引入js

<script type="text/javascript" src="__PUBLIC__/Admin/js/jquery.js"></script>
      <script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.config.js"></script>
  <script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.all.min.js"></script>

二,模板上加多个编辑器

<form method="post" action="" id="form1" enctype="multipart/form-data">
    <table id="htmlTable" width="95%" align="center" cellpadding="1" cellspacing="1" bgcolor="#dee7ff" border="0">
   <tr bgcolor="white">
            <td class="sTitle4" align="right">
                品牌故事：
            </td>
            <td class="rightItem">

                <script type="text/plain" name="story" id="storyid" style="width:99.999%;"></script>
				<script type="text/javascript">
				 var config = {zIndex:10,initialFrameHeight:480,autoHeightEnabled: false};
				 UE.getEditor('storyid',config);    
				 </script>
            </td>
        </tr>
		
		
		
		    <tr bgcolor="white">
            <td class="sTitle4" align="right">
                发起团队：
            </td>
            <td class="rightItem">
        
                <script type="text/plain" name="team" id="teamid" style="width:99.999%;"></script>
				<script type="text/javascript">
				 var config = {zIndex:10,initialFrameHeight:480,autoHeightEnabled: false};
				 UE.getEditor('teamid',config);   
				 </script>
            </td>
        </tr>

三,php后端接收值时,注意name字段的不同