百度编辑器 UEditor 使用方法 及 如何设置固定高度且带滚动条及 如何设置修改传值的 name 属性

1、如何设置修改传值的 name 属性

UEDITOR_CONFIG.textarea = ‘content’;

UEDITOR_CONFIG.textarea: 配置在 ueditor.config.js 中，可参考配置文件

---

2、如何设置固定高度且带滚动条

var ue = UE.getEditor(‘editor’, {autoHeightEnabled: false});

autoHeightEnabled: 是控制编辑器 自适应高度的属性，在 ueditor.all.min.js 中控制

---

3、ueditor 配置及赋值传值 示例：

<form action="" method="post">
	新闻标题：
	<input type="text" name="title" class="input" required>
	<input type="hidden" name="content" id="contents" required> //设置表单传值隐藏域
	新闻内容：<!-- 设置编辑器选择器 -->
	<script id="editor" type="text/plain" style="width:90%;height:200px;"></script>
	<input type="submit" id="submit" name="submit" value="提交" >
</form>
//引入 ueditor 配置文件
<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>
<script>
	//修改编辑器 name 属性，默认是 'editorValue'，配置在 ueditor.config.js 中
	UEDITOR_CONFIG.textarea = 'content';
    //关闭自适应高度，超出部分以滚动条形式展示
    var ue = UE.getEditor('editor', {autoHeightEnabled: false});

    //添加提交新闻按钮的监听事件 - 根据需要自行添加
    /* document.getElementById('submit').addEventListener('click', function () {
    
        //获取编辑器内输入的内容
        var editor_txt = ue.getContent();

        //赋值给表单隐藏域
        document.getElementById('contents').value = editor_txt;
    }, false); */
</script>

---

4、ueditor 修改内容 示例：

<form action="" method="post">
	新闻标题：
	<input type="text" name="title" class="input" required>
	<input type="hidden" name="content" id="contents" required> //设置表单传值隐藏域
	新闻内容：<!-- 设置编辑器选择器 -->
	<script id="editor" type="text/plain" style="width:90%;height:200px;"><?php echo $row['content']; ?></script>
	
	<!-- 方法2 隐藏赋值，js获取具体内容 -->
    <!-- <div style="display: none;" id="detail"><?php echo $row['content']; ?></div> -->
    
	<input type="submit" id="submit" name="submit" value="提交" >
</form>

//引入 ueditor 配置文件
<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>
<script>
	//修改编辑器 name 属性，默认是 'editorValue'，配置在 ueditor.config.js 中
	UEDITOR_CONFIG.textarea = 'content';
	
    //关闭自适应高度，超出部分以滚动条形式展示
    var ue = UE.getEditor('editor', {autoHeightEnabled: false});
	
	/* 方法2 根据要求，自行添加修改
	// 监听editor加载后，将内容数据渲染到标签内
    ue.addListener("ready", function () {
        ue.setContent(document.getElementById('detail').innerHTML);
    });
  
    //添加提交新闻按钮的监听事件
    document.getElementById('submit').addEventListener('click', function () {
    
        //获取编辑器内输入的内容
        var editor_txt = ue.getContent();

        //赋值给表单隐藏域
        document.getElementById('contents').value = editor_txt;
    }, false);
    */
</script>