⼆、在layui中使⽤uEditor富⽂本编辑器ueditorapi文档
其次，就会在前端接⼊使⽤过程中遇到的⼀些⼩问题，下⾯总结⼀下：
1、 引⼊的时候，我开始在start下⾯的index.html⽂件中引⼊js⽂件，但是在具体的使⽤的页⾯，会产⽣⼀个问题：就是只有在第⼀次页⾯加载后台，富⽂本编辑器才会加载出来，只有再次点击进⼊这个也免得话，富⽂本框就不会再加载，所以后来改成直接在要使⽤的页⾯去引⼊ueditor 的js⽂件。
截图_20210207145237.png
2、第⼆个问题，就是客户需要将编辑器设置成默认字体是宋体，字号是12px，⾏间距是2倍，这个⼀开始以为失去源码⽂件修改，后来看了⽂档，是可以在加载使⽤页⾯配置的。
3、第三个问题，编辑器的⼯具栏会随着页⾯固定到顶部后，会定位在顶部，然后就回不到原来位置，导致页⾯看起来样式有问题。这个问题，我⼀开始也是想着修改源码，但是后来发现只要在内容区域加上滚动条就好了。然后就给配置autoHeightEnabled: false，这个参数就可以了，固定页⾯需要的位置。
因为在layui框架中，我们使⽤的是单页⾯模板，使⽤的底层是iframe。ueditor也是使⽤的嵌套iframe，可能冲突，所以使⽤内容滚动的⽅式解决更好点。
4、第四个问题：上传图⽚时，如果图⽚过⼤，超出了区域，会⽆法进⾏操作，可以通过后端修改配置，前端修改源码来配置上传到页⾯中展⽰的图⽚的默认尺⼨。详细请看：wwwblogs/sunky/p/11026786.html
截图_20210207170622.png
截图_20210207170635.png
⽬前只记得这么多，后续还有问题，接着记录。只是为了提醒⾃⼰，下次再遇到问题，有地⽅快速到答案。
下⾯附上使⽤的代码
html:
<form class="layui-form" lay-filter="formFilter" action="javascript: return false;"> <div class="layui-form-item"> <label class="layui-form-label"><span>内容：</span> </label> <div class="layui-input-block"> <textarea name="content" id="editor" type="text/plain"></textarea> </div> </div> <div class="layui-form-item"> <div
class="layui-input-block" > <button class="layui-btn layuimini-btn" lay-submit lay-filter="submit">保存</button> <button type="reset" class="layui-btn" id="reset-btn">重置</button> </div> </form>
js:
`
<script type="text/javascript" src="../js/fig.js"></script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。