Ueditor自定义设置求教

Ueditor自定义设置求教,第1张

scaleEnabled {Boolean} [默认值:false] //是否可以拉伸长高,默认true(当开启时,自动长高失效)

参考代码

var ue = UE.getEditor('container',{

initialFrameWidth :800,//设置编辑器宽度

initialFrameHeight:250,//设置编辑器高度

scaleEnabled:true

})

<script id="editor" type="text/plain" style="width:600pxheight:100px"></script>

width 宽度

height 高度

这个是初始化的宽度和高度

<button onclick=" UE.getEditor('editor').setHeight(300)">设置高度为300默认关闭了自动长高</button>

百度编辑器ueditor插入一个表格后,在编辑过程中有表格,但是保存后,在前台网页中没有边框,也没有颜色。找了很久的源码,终于解决了。

1. 打开编辑器根目录下面的ueditor.all.js文件,找到:

for (var c = 0c <colsNumc++) {

html.push('<td width="' + tdWidth + '" vAlign="' + opt.tdvalign + '" >' + (browser.ie ? domUtils.fillChar : '<br/>') + '</td>')

}

改成:

for (var c = 0c <colsNumc++) {

html.push('<td style="border:1px solid #ccc" width="' + tdWidth + '" vAlign="' + opt.tdvalign + '" >' + (browser.ie ? domUtils.fillChar : '<br/>') + '</td>')

}

不同的版本的代码可能略微有点不同。

2. 在ueditor.all.js文件中找到:table.setAttribute("data-sort", cmd == "enablesort" ? "sortEnabled" : "sortDisabled")在这句代码下面加一行:table.setAttribute("style", "border-collapse:collapse")

3. 在ueditor.all.js文件中找到:return '<table><tbody>' + html.join('') + '</tbody></table>' 改为:return '<table style="border-collapse:collapse"><tbody>' + html.join('') + '</tbody></table>' 。

此时,再刷新后台,插入一个表格,就有边框了。因为改的是ueditor.all.js,所以调用ueditor.all.js才有效,要是调用的ueditor.all.min.js,那么就需要更改ueditor.all.min.js文件了。

这三处代码弄清楚后,要是你还想扩展一些新的样式效果也是可以直接在这几个地方修改就好了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7706792.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存