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>
百度编辑器 UEditor 使用方法 及 如何设置固定高度且带滚动条及 如何设置修改传值的 name 属性