UEditor手动调节其宽度

其高度一般不考虑，给个初始高度，然后任其自动扩展就行，对于其宽度，有两种思路，一种是调节其所在的DIV的宽度，让其自动填充，另一种是直接调节编辑器的宽度：

adjust_editor_size: function () {//注：由于编辑器的宽度官方并没有给出有效的调节方法，这里我们用调节其所属DIV的宽度的方式来调其宽度（让编辑器自动跟随其父变化而变化），所以，此方法应先于编辑器的生成而调用。return;var editor_parent = $('.editor_parent');var explain_w = editor_parent.prev().width();var area_w = $('.center').width();var editor_parent_w = area_w - explain_w - 100;editor_parent.width(editor_parent_w);}

但上边的方法有个缺点，那就是当窗口大小变化时就不顶用了，于是，我们可以在浏览器中看到，我们的编辑器有一个固定的样式类叫 edui-editor ，于是，我们可以用这个类来调节,走起：

editor_resize: function () {var editor_parent = $('.editor_parent');var explain_w = editor_parent.prev().width();var area_w = $('.center').width();var editor_parent_w = area_w - explain_w - 100;var editor = $('.edui-editor');//editor.width(editor_parent_w);editor.animate({ width: editor_parent_w + "px" });}

搞定的同时，我们还发现，只要调一下 edui-editor 的高度，其直系子DIV的宽度都会自动跟着动，还好，剩心不少啊！

$(window).resize(function () {page.fn.editor_resize();
});page.fi.iEditor = page.fk.kEditor = UE.getEditor('editor_container', {toolbars: [['source', '|', 'undo', 'redo', '|', 'fontfamily', 'fontsize', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', '|', 'superscript', 'removeformat', 'formatmatch', '|','forecolor', 'backcolor', '|','justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|','touppercase', 'tolowercase', '|','link', 'unlink', '|','emotion', 'scrawl', 'simpleupload', 'imagenone', 'imageleft', 'imageright', 'imagecenter']]
});page.fi.iEditor.ready(function () {page.fn.editor_resize();
});

转载于:https://www.cnblogs.com/liangjiang/p/5805580.html

UEditor手动调节其宽度相关推荐

Chrome浏览器手动调节模拟网速
Chrome浏览器手动调节网速首先打开chrome浏览器,按下键盘上的f12键,弹出开发者调试工具: 点击network-->No throtting弹出选择项: 选择需要模拟的选项就行了 F ...
ubuntu18.04手动调节风扇转速
ubuntu18.04手动调节风扇转速 1.首先生成 /etc/X11/xorg.conf 配置文件. 代码如下所示: $ sudo nvidia-xconfig 2.打开 /etc/X11/xorg ...
51单片机c语言教程感应灯控制,可手动调节亮度的自感应开关台灯单片机源码+PCB源文件...
STC单片机,C语言,环境亮度低自动开灯,可通过按键手动调节亮度Altium Designer画的原理图和PCB图如下:(51hei附件中可下载工程文件) 0.png (19.89 KB, 下载次数: ...
Vue Chrome浏览器手动调节模拟网速
Chrome浏览器手动调节网速 1.首先打开chrome浏览器,按下键盘上的f12键,弹出开发者调试工具 2.点击network-->No throtting弹出选择项 3.选择需要模拟的选项就 ...
客户手动调节音量的范围，修改默认音量各类型音量，按音量键或手动调进度条触发流程，调节音量大小级数每次加减的级数,同时操作指定多个音量类型，更改开机音量，通过底层节点来调节音量大小，音量控制的对话框UI
frameworks/base/services/core/java/com/android/server/audio/AudioService.java 客户手动调节音量的范围:就是按音量键出来的进 ...
苹果电脑怎么设置佳博标签打印机_自动接单、打印快，手动调节音量，佳博推出后厨专用智能打印机...
新零售时代,商家如何掌握线上线下的海量订单?如何实现顾客下单到柜台出单的实时配送?顾客如何在付款成功后及时拿到发票?智能云打印机,轻松对接各个行业,为新零售而生,让接单.报销更省心.对于餐饮行业来说, ...
linux手动调节屏幕亮度命令
有时候需要手动的调节一下设备的屏幕亮度,可以尝试如下命令屏幕亮度为0 echo 0 > /sys/class/leds/lcd-backlight/brightness 屏幕亮度为127 ec ...
Manjaro手动调节屏幕亮度
1 问题描述 Manjaro版本20.0,桌面XFCE,设置之类的地方没有屏幕亮度调节的功能. 2 解决方案解决方案来自arch wiki. 亮度由ACPI内核模块控制,这个模块的接口在以下位置: ...
vmd显示lammpstrj文件，并可手动调节部分原子的显示大小比例（lammps的group命令dump命令使用，vmd中cpk模式使用）
通过lammps输出的lammpstrj文件导入vmd中,如何改变不同原子的显示大小呢? 先上图: 图中一共两种原子,蓝色的原子显示的大小是红色的三倍,要实现这种效果,首先得对输出的lammpstrj ...
VMware中Ubuntu20.04下有显示器手动调节Nvidia显卡风扇转速
前提安装好Nvidia显卡,正常情况下nvidia settins的Thermal settings是没有显卡风扇转速调节选项的,我们的目的就是将手动控制风扇转速的选项调出来. 创建文件夹: sudo ...

UEditor手动调节其宽度

UEditor手动调节其宽度相关推荐

最新文章

热门文章