
编辑器ueditor踩坑
肖肖肖丽珠
学习学习。写博客是为了积累和总结。如果写的有错欢迎大家指正点拨。努力成为技术小牛~~加油
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ueditor引入tinymce-formal公式插件的例子的编辑器.zip
下载以后npm install下载依赖,然后npm run dev运行就可以看到效果了。这里面我还有个tinymce的例子。views/B.vue是一个tinymce的编辑器https://download.youkuaiyun.com/download/qq_33769914/12881022原创 2020-09-25 17:05:28 · 404 阅读 · 0 评论 -
MathJax动态显示数学公式的时候不显示渲染过程
我们在接口给的数据渲染公式以后。他有个渲染的过程。我们能看到他一点点的加载的过程。怎么做让这个过程不显示。等加载完了再显示呢?//转换页面的图片数学公式 var mathdivs =$("#testListBox").find(".mathDiv"); for(var i = 0; i < mathdivs...原创 2019-07-04 13:58:35 · 3846 阅读 · 2 评论 -
UEditor编辑文章时粘贴内容的时候导致原来的图片插入成功的图片不显示了。
修改这个属性就可以啦。原因是因为ueditor在粘贴内容的时候会将目前编辑的所有内容中元素重新赋值非本地服务器链接的属性。所以导致明明已经上传成功的图片不显示了。在粘贴时,编辑器会执行一个叫抓取远程图片的操作,它会将原有文本中不是本地路径的图片重新抓取上传到本地服务器。这个抓取远程图片的操作默认是开启着的,我们可以通过关闭这个操作,让原有图片不会被抓取重新上传。这个配置是在uedito...原创 2019-07-18 13:51:48 · 913 阅读 · 0 评论 -
ueditor插入视频的时候。在预览的窗口提示 “输入的视频地址有误,请检查后再试!”
ueditor.all.js:搜索me.commands["insertvideo"]把html.push(creatInsertStr( vi.url, vi.width || 420, vi.height || 280, id + i, null, cl, 'image'));改成html.push(creatInsertStr( vi.url, vi.width ||...原创 2019-07-19 09:25:11 · 3878 阅读 · 0 评论 -
ueditor编辑器插入的图片宽高超过了编辑器的宽高就会有个超出范围的外边线
效果如下o:我们肯定是希望图片放进去只是是宽度合适的。高度根据下拉的滚动条自适应。只是下拉就能看到全部的。这就需要加点css的样式啦找到iframe.css这是编辑器里面使用的样式css。默认的里面是空的。直接在里面添加样式就好了。img { max-width: 100%; /*图片自适应宽度*/ } body { overflow-y: scroll...原创 2019-07-19 11:12:41 · 1362 阅读 · 0 评论 -
ueditor怎么确定编辑器是空值,弹窗提示不能为空
补充:2019-7-30 今天发现文档里面竟然有个函数可以直接判断编辑器是否为空。.true不为空。false为空真的是我之前下面写的还费了老大劲的去写。我们只需要判断var addindex = UE.getEditor('addarticle', options);//创建一个编辑器if(addindex.hasContent==false){alert("编辑...原创 2019-07-19 15:09:24 · 2250 阅读 · 0 评论 -
ueditor 在上传视频之后,编辑页面。回填视频内容。显示空白。其实查看html是有视频的,就是显示空白。
ueditor.all.js文件,大概:7345,7346,7347行)把html.push(creatInsertStr( vi.url, vi.width || 420, vi.height || 280, id + i, null, cl, 'image'));改成html.push(creatInsertStr( vi.url, vi.width || 420, vi....原创 2019-07-17 12:03:03 · 1368 阅读 · 4 评论 -
ueditor 关闭页面后的报“Cannot read property 'lang' of undefined”。只渲染一次走一次ready事件
我的编辑按钮打开的页面里面有个编辑器。编辑器的内容需要回填。在回填时我需要判断页面编辑器已经加载完了,再去赋值。但是第二次之后点击看到的内容永远是第一次弹窗编辑器里的内容。所以他根本没有走ready事件从新赋值。<script id="editintroduce" name="introduce" type="text/plain">请输入校区简介...</...原创 2019-07-30 11:40:02 · 1671 阅读 · 0 评论 -
ueditor粘贴的一个内容会自动的添加上 ;的标签。然后会导致一些类似插入图片报错的问题
在ueditor.all.js文件找到上述所示代码,将 替换为‘ ’即可。如下所示:function isText(node, arr) { if(node.parentNode.tagName == 'pre'){ //源码模式下输入html标签,不能做转换处理,直接输出 arr.push(node.data...原创 2019-07-30 11:59:11 · 741 阅读 · 1 评论 -
ueditor插入表格报错 ut is not defined
当我插入表格。把焦点放在表格里面的时候就弹出报错。ut is not defined找到报错的行。发现是因为ut没有定义。我们只有在前面加个var 就行了。上面标红的改成 var ut = getUETable(table);...原创 2019-07-28 10:15:18 · 557 阅读 · 0 评论 -
ueditor插入表格是有边框的。但是在页面显示的时候没有边框
修改ueditor.all.js里面的UE.commands['inserttable']函数加上下面标红的样式:style="border:1px solid #ddd;"style="border-collapse:collapse;"原创 2019-07-28 10:41:57 · 671 阅读 · 0 评论 -
【转】Ueditor如何支持上传本地音频文件
用的是Ueditor编辑器,不支持本地MP3上传并使用audio标签播放,只能搜索在线MP3。如何让他支持上传本地的音频呢?下面这个链接的文章介绍啦:https://www.jianshu.com/p/f353b08a86d4...原创 2019-08-12 16:51:00 · 1985 阅读 · 0 评论 -
ueditor去掉本地保存成功提示
1.ueditor.config.js把enableAutoSave改成false2.ueditor.all.js找到'contentchange': function () 添加if(!me.options.enableAutoSave){ return; }如果你改了第一步的那个配置根...原创 2019-09-05 16:34:09 · 1129 阅读 · 0 评论 -
写一个没有vue项目的ueditor。里面有公式、新增自定义按钮(我在其他文章里面提到过的。)
具体下载这个项目吧https://download.youkuaiyun.com/download/qq_33769914/11251856原创 2019-06-21 11:53:19 · 549 阅读 · 0 评论 -
ueditor添加工具按钮。点击就在选中的内容下面加上重点符号的点点
首先参考https://blog.youkuaiyun.com/qq_33769914/article/details/84791955给ueditor添加一个加重点符号的按钮然后参考https://blog.youkuaiyun.com/qq_33769914/article/details/89566473给一个class里面的文字都加点然后修改ueditor.all.js里面写这个按钮的功能U...原创 2019-04-26 18:00:23 · 2721 阅读 · 6 评论 -
ueditor报错because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIM
再点击图片工具的时候报错如下点开发现是一个image.html的页面但是具体也没有哪里的报错。因此我全局搜索了dialogbase.css这个内容。发现 我想可能是下面的rel的问题,把他隐藏然后好啦。 ...原创 2018-12-10 16:35:21 · 19727 阅读 · 1 评论 -
ueditor在引入公式插件kityformula报错Uncaught Error: The load ../../themes/default/dialogbase.css
当我们点击公式插件的符号就会报错如下 然后我们点击后面查看他报错的地方然后发现原来是他的路径写错了。 然后我们把 href: "../../themes/default/dialogbase.css?cache="+Math.random(),改成 href: "../themes/default/dialogbase.css?cache="+Math.random()...原创 2018-12-10 15:14:23 · 2435 阅读 · 0 评论 -
去掉ueditor下面的元素路径。修改层级
去掉如下截图:在百度编辑器 ueditor 根目录下: ueditor.config.js 文件中搜索并将参数elementPathEnabled设置成false即可常用功能开关如下:,elementPathEnabled : false //是否启用元素路径,默认是true显示,wordCount:false //是否开启字数统计,au...原创 2018-12-10 15:00:56 · 3754 阅读 · 0 评论 -
ueditor前端配置说明
UEditor 的配置项分为两类:前端配置项和后端配置项后端配置项具体看这个文档L:后端配置项说明本文档介绍如何通过设置前端配置项,定制编辑器的特性,配置方法主要通过修改ueditor.config.js,另外在编辑器实例化的时候也可以传入配置参数var ue = UE.getEditor('container', {toolbars: [['fullscreen...转载 2018-12-04 17:46:45 · 722 阅读 · 0 评论 -
vue中ueditor百度编辑器遇到的问题,切换内容丢失
1.切换两个编辑器时编辑好的内容在切换时丢失了。如果你是通过v-if来显示隐藏的,那么他每次显示时就从新加载了一次这个组件。所以相当于又一次初始化了。改成v-show就好了。因为 v-if 当值为 true时,显示div ,当值为false时,改元素消失,代码也会消失,相当于将代码删除了,当在为true时,页面会重新渲染div; 而v-show 控制的隐藏出现,只是将css属性设为了...原创 2018-09-06 10:55:00 · 3399 阅读 · 0 评论 -
UEditor新增自定义按钮(获取光标停留的位置,然后插入一个内容)
在使用编辑器时,希望在工具栏加一个标签,点击标签就能在编辑器里面添加某个元素。我遇到的问题是加上{***}这样的特殊字符。这个功能是编辑器本身没有的。1.在ueditor.config.js中找到toolbars的数组,并在数组中添加一个你需要新增的按钮功能名称如下图所示 2.在zh-cn.js 中找到labelMap并添加如下图所示,主要是用于鼠标放置上去显示的文字提示内容...原创 2018-12-04 17:16:31 · 8135 阅读 · 10 评论 -
ueditor百度编辑器。改变富文本框的可选字体大小。
http://ueditor.baidu.com/website/umeditor.html监听全屏事件。<textarea name="viedoDesc" id="noticeText" datatype="*1-10000" style="position: relative;z-index:50;"></textarea><span cl原创 2018-05-16 14:54:18 · 1888 阅读 · 1 评论 -
vue+elmentui +ueditor +数学公式 编辑器 ueditor
写了几乎一个星期终于写好了,在vue项目中使用的编辑器,最主要的是我想编辑器里面可以输入数学公式。】https://download.youkuaiyun.com/download/qq_33769914/10672128在这里下载如果想把图片公式转为有样式的文本内容,可以参考这个https://blog.youkuaiyun.com/qq_33769914/article/details/83573317...原创 2018-09-07 14:14:04 · 13994 阅读 · 6 评论 -
vue+element-ui+ueditor+kityformula+自定义功能按钮
效果图如上:用到的1.UEditor新增自定义按钮https://blog.youkuaiyun.com/qq_33769914/article/details/84791955 2.ueditor在引入公式插件kityformula但是发现这个公式不全。没有方程式公式。我们可以自已写个按钮实现功能。使用latex的公式:https://blog.youkuaiyun.com/qq_33769914/...原创 2018-12-17 11:15:42 · 900 阅读 · 0 评论 -
去掉ueditor复制来的内容默认带的样式
有时候我们通过复制粘贴把内容贴到编辑器里面。默认的字体背景色也被粘了过来。如果我们希望内容不加样式需要修改ueditor.config.js里面的内容。再页面下面很多被注释的内容其中一些是设置的参数类型,我们去掉注释有的就可以用啦。修改下面内容就可以啦...原创 2019-03-01 16:02:15 · 3429 阅读 · 0 评论 -
项目编号①如果在latex中使用。如何在文中实现带圈的数字
①②③④⑤⑥⑦⑧⑨⑩,这些汉 > 字可以直接使用数字软键盘输入:打开软键盘,选择“数字序号”即可看到。 或者是输入法击右键看到表情和符号-符号大全-数字符号。都可以直接输入的。这个公式应该怎么表示呢?我们发现如果用:<img src='http://latex.codecogs.com/gif.latex?公式'/>用图片显示的时候如果公式后面有个①,...原创 2019-03-11 09:47:36 · 50156 阅读 · 0 评论 -
ueditor给选中的内容加样式。加波浪线啊
我这里又自定义了一个工具栏。名字是waveline。具体添加方式参考https://blog.youkuaiyun.com/qq_33769914/article/details/84791955在ueditor.all.js里面添加下面的代码。代表这个按钮的操作功能UE.commands['waveline'] = { execCommand : function( cmdNa...原创 2019-04-26 16:30:51 · 1799 阅读 · 2 评论 -
ueditor点击enter的时候,下一行自动就变成一个p标签的内容了,我们enter只是想换行该怎么实现呢
我们只是想 实现的效果是这样的只是加一个换行的br。那么我们要修改ueditor.all.js里面的配置,把enterTag: 'p',改成enterTag: 'br',原创 2018-12-10 17:34:24 · 3230 阅读 · 3 评论