【原创】【ueditor】监听内容

摘要:
在使用过程中,文本是从Word粘贴的,但默认情况下,表格的宽度是一个特定值,因此当显示时,它将成为页面上标题/文本的100%布局,但表格只能是原始大小,这在实际预览中非常难看。因此,当粘贴/内容更改时,您需要找出是否存在表元素,然后将其更改为100%宽度。此时,有必要监视富文本内容。在互联网上找到了很多方法后,就完成了监控(监控需要准备就绪),无法再次获取内容……尝试setTimeOut,尝试next

在使用过程中,从word粘贴过来文本,但table的宽却默认为具体值了,这样在显示时候就会变成标题/页面内文字100%布局,表格却只能原始大小

【原创】【ueditor】监听内容第1张

这样实际预览的时候很不美观,所以需要在粘贴/内容变化的时候,查找如果有表格元素,那么就改为宽100%,这时候就需要监听富文本内容变化了

网上找了一堆方法之后,监听倒是做到了(监听需要放在ready里),内容又获取不到了...

【原创】【ueditor】监听内容第2张

试了setTimeOut,试了nextTick,试了that,都不好使,后来发现还是this指向的问题,换为了箭头函数,好了...

附上最终代码 ↓↓↓

【原创】【ueditor】监听内容第3张

免责声明:文章转载自《【原创】【ueditor】监听内容》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇bat批处理常用脚本C# 清空数组Array.Clear下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

百度编辑器ueditor简单易用

最近刚刚被分配任务给一个新闻发布,它采用了富文本编辑器。本人也被用于,只是这一次我选择了百度的富文本编辑器ueditor1_4_3-utf8-jsp版。 事实上看ueditor功能非常强大,只是百度的设计还是非常不错的。仅仅须要略微配置一下就能够用了。 首先下载到ueditor1_4_3-utf8-jsp.rar。连接地址是:http://uedito...

ueditor编辑器图片自定义存放目录及路径修改

百度编辑器ueditor功能强大,很多人士以应用项目开发中,但是里面有一个公众的问题就是上传图片存放目录太深,默认是ueditor/php/upload下,前不久测试后图片存放目录可以改变,但是路径会出现问题。现分享下图片自定义存放目录和路径,我最后的图片存放是www.**.com/image/ 20131113/13843284986865.png。 首...

Ueditor 1.4.3.1 使用 ThinkPHP 3.2.3 的上传类进行图片上传

在 ThinkPHP 3.2.3 中集成百度编辑器最新版 Ueditor 1.4.3.1,同时将编辑器自带的上传类替换成 ThinkPHP 3.2.3 中的上传类。 ① 下载编辑器(下载地址:http://ueditor.baidu.com/website/download.html),解压后放入项目根目录的 Data 目录并且将解压出来的目录重命名为 u...

Ueditor1.4.3.3+springMvc+maven 实现图片上传

前记:由于项目中需要有一个新增数据并且要能支持表格图片上传的功能。使用了ueditor控件。为实现这个功能,从一开始什么都看不懂,到一直连着弄了5天,总算是有了眉目。在此记录一下以便能帮到可以和我一样遇到问题的人!本人使用的是ueditor 1.4.3.3 的jsp 版本的。 首先下载ueditor 开发版 到本地目录 下载地址:http://uedito...

百度UEditor基本使用

1 首先奉上链接其http://ueditor.baidu.com/website/index.html 更多更详细内容在其官方api上,本文只是一个归类总结性文章。 2 下载链接http://ueditor.baidu.com/website/download.html  本人是.net开发人员就直接下载了最新的.net版本,可以直接把下载好的代码直接放...

使用百度UEditor 的uparse来使代码高亮

在使用UEditor 的时候,我们会发现在UEditor 的文件夹中有一个ueditor.parse.js的文件,这个是做什么用的呢? 这个主要是在文章显示页面实现一些比较复杂的样式,比如图表展示,代码高亮,自定义的列表标号 我们本次所说的就是使用UEditor集成的代码高亮插件实现代码高亮。 首先在编辑的时候,选择一种代码语言,然后编辑保存。 然后在显...