Ueditor自定义默认宽度高度
来源:互联网 发布:公务员照片修改软件 编辑:程序博客网 时间:2024/06/05 06:57
如题。
最近需要使用到网页后台富文本编辑器。经过同学推荐,最后决定使用百度家的Ueditor.
官方地址:http://ueditor.baidu.com/website/
贴吧地址:ueditor讨论吧
官方提供了网页上非常方便的自定义工具栏的功能。自定义之后直接下载对应的代码包并按照文档部署到项目中即可。其中主要的问题是路径的配置。
首先是将下载好的代码包发布到我们项目的根目录下面。然后在需要添加富文本编辑器的页面头部添加如下代码:
<script type="text/javascript" src="相对该文档的路径/ueditor/ueditor.config.js"></script><script type="text/javascript" src="相对该文档的路径/ueditor/ueditor.all.js"></script><script>window.UEDITOR_HOME_URL = "/项目相对网址池绝对路径/ueditor";</script>配置路径这一块是非常重要的。特别是下面的Ueditor的路径,是相对我们整个代码库的目录的。
配置完成之后,直接在我们网页中的<textarea>标签下面添加ueditor的初始化代码:
<script type="text/javascript"> var editor = new UE.ui.Editor({initialFrameHeight:100,initialFrameWidth:400 }); editor.render("actDescribe");</script>
官方的文档并没有给出如何设置ueditor的宽度和高度的说明。这是我在网上网友那里找到的解决方法。在声明编辑器的变量的时候,在参数列表中添加对initialFrameHeight和initialFrameWidth的设置即可。注意,数值后面不需要添加px。
可是,这种方法有时候奏效有时候也不奏效,因为我碰过一种情况就是无论如何调整initialHeight和initialWidth的数值,编辑器的大小都还是不会改变。这个时候,我发现,可以通过调整editor所跟随的textarea的宽高来撑开editor的大小。这也是一种方法,各位同学在官方说明文档出来之前可以两种方法都尝试一下。
当然,好用的文本编辑器还是有很多的,例如kindeditor,之前准备使用这个的,而其文档方面也比较齐全,同时,整个编辑器的size也比较小,对网页的加载速度比较有利。百度的Ueditor还是有点庞大。加载时会有卡顿的速度。估计是我对底层代码的研究不够,多了很多不必要的内容。慢慢研究或许可以使得Ueditor变小。
- Ueditor自定义默认宽度高度
- Ueditor自定义默认宽度高度
- ueditor修改富文本框宽度和高度的方法
- ueditor修改富文本框宽度和高度的方法
- 百度ueditor上传图片时设置默认宽高度
- 自定义 input: file 宽度和高度
- Dialog自定义宽度和高度无效
- 如何自定义pickerView的高度和宽度!
- 自定义按钮的标题宽度、高度
- 自定义分类计算文本高度和宽度
- 自定义控件-宽度固定 高度随宽度变化的图片
- windows 对象获取浏览器宽度和高度及默认坐标
- iOS--UILabel字体默认宽度和高度
- iOS--UILabel字体默认宽度和高度
- iOS--UILabel字体默认宽度和高度
- 修改Oracle 的sqlplus 默认 的显示宽度和高度
- 自定义view中获取字符串的宽度和高度
- 【iOS开发】 自定义控件、视图等高度或宽度
- apk 捆绑安装
- 有一个1亿结点的树,已知两个结点, 求它们的最低公共祖先!
- linux下的串口通信类
- git服务器搭建
- Linux内核bridge浅析
- Ueditor自定义默认宽度高度
- 使用hibernate执行sql语句
- MFC的秘密:它的静态库和动态库所在何处
- 润乾——移动应用查询设置
- 表单check多选遍历处理方
- openstack havana vlan 模式 安装配置
- 快速排序实现
- Android SDK 更新失败
- 软件工程(一)认识