900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 百度编辑器 UEditor 使用方法 及 如何设置固定高度且带滚动条及 如何设置修改传

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

时间:2024-05-22 08:00:05

相关推荐

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

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 属性

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。