需求:javascript
a. 表单样式更改。css
b. 表单大小更改。java
思路:bootstrap
a. 经过设置modal css更改样式和大小。缺点,全局性的更改。app
b. 更改bootstrap-editor,能够经过某种方式将参数传入,达到更改样式和大小的要求。dom
代码:spa
editor.bootstrap.js 中对"open"事件添加show.bs.modal,来设置大小,也是是modal显示以前,更改样式。blog
$(self._dom.content).on('show.bs.modal', function () { var template = self._dte.s.template var dialog_size = '' if (template !== null) { // dialog_size = 'modal-lg' dialog_size = $(template).attr('set-modal-dialog') dialog_size = dialog_size!==undefined?dialog_size:'' } $(self._dte.dom.wrapper).parent().parent().attr('class', "modal-dialog " + dialog_size) })
加入这段代码后咱们在template中的div添加属性set-modal-dialog="modal-lg" ,这样咱们的modal就是最大的了。事件