ueditor修改涂鸦窗口大小

本文介绍了如何修改ueditor的涂鸦功能,包括调整scrawl.html中涂鸦窗口的宽高,修改scrawl.css中hot和drawToolbar样式的尺寸,以及在ueditor.all.js中调整dialog加载时的宽度和高度。此外,还提到了为涂鸦框添加自定义颜色的步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Ueditor修改涂鸦窗口显示大小

 

1. 修改scrawl.html中的宽高

<div class="drawBoard border_style1">

            <canvas id="J_brushBoard" class="brushBorad" width="760" height="400"></canvas>

            <div id="J_picBoard" class="picBoard" style="width: 760px;height: 400px"></div>

     </div>

 

1. 修改scrawl.css中的hotdrawToolbar样式的宽高

2. 修改ueditor.all.js中的加载dialog的代码

 

// ui/dialog.js

///import core

///import uicore

///import ui/mask.js

///import ui/button.js

 

 fitSize: function (){

            var popBodyEl = this.getDom('body');

//            if (!(baidu.editor.browser.ie && baidu.editor.browser.version == 7)) {

//                uiUtils.removeStyle(popBodyEl, 'width');

//                uiUtils.removeStyle(popBodyEl, 'height');

//            }

            var size = this.mesureSize();

// 涂鸦窗口重新定义宽高

            if (this.className == 'edui-for-scrawl') {

             size.width = '917';

             size.height = '529';

            }

            popBodyEl.style.width = size.width + 'px';

            popBodyEl.style.height = size.height + 'px';

            return size;

        },

 

2.给涂鸦框加上自定义颜色(在ueditor.all.js里面修改)

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值