编辑器
文章平均质量分 54
Jerry cat
前端工程师,最近在搞编辑器相关
展开
-
原生实现placeholder
主要是使用css的伪类和属性来实现的,具体有两种方法原创 2022-07-04 16:04:48 · 140 阅读 · 0 评论 -
百度富文本编辑器UEditor自己做一些优化
图片相关控制台提示后台配置项返回格式出错,上传功能将不能正常使用!打开控制台就看到这个报错,上传功能需要提供正确的后端接口,具体可以看官方文档,如果上传的接口有多个,可以参考我的另一篇文章插入的图片尺寸过大如图可以看到这张图片占满了整个屏幕,需要出现了滚动条,想让图片自适应宽度。找到 ueditor/themes文件夹下有个iframe.css,默认只有一行注释,在里面加上自定义样式:/*可以在这里添加你自己的css*/img { max-width: 100%; /*图片自适原创 2021-11-27 17:34:01 · 1047 阅读 · 0 评论 -
UEditor百度富文本编辑器实现自定义按钮和自定义右键菜单
以1.5.0版本为例子:注意:所有字符串的字母只能小写,不能大写自定义工具栏按钮在根目录的ueditor.config.js找到toolbars参数(大于34行),在后面加上自定义字符串:然后在根目录/lang/zh-cn/zh-cn.js找到labelMap参数(差不多第9行)或者上图的第二个方框里面,加上字符串对之前按钮的悬浮文字提示:接着在根目录/theme/default/css/ueditor.css写下需要的样式,由于我没写样式,按钮就只有默认的样式:然后在ueditor.al原创 2021-11-08 15:54:48 · 1568 阅读 · 2 评论 -
UEditor百度富文本搭建时候遇到的问题
问题一:Uncaught SyntaxError: Unexpected token '<'点击去,发现是第一行报的错。看到这个报错就知道是引入js有问题了,这个文件是ueditor引入的,打开控制台,点击network,检查这个文件是否引入成功:果然,检查下路径,ueditor的根路径总共要检查两个地方,一个是ueditor.config.js开头的的url参数,还有一个是自己创建编辑器实例的时候是否有配置UEDITOR_HOME_URL参数,有的话也要检查路径是否正确。发现确实这原创 2021-11-08 14:48:51 · 2194 阅读 · 0 评论 -
Vue嵌入百度富文本编辑器UEditor
引入项目的是编译后的1.5.0版本的UEditor,我另一篇文章写的如何编译1.5.0版本的UEditor编译后,把dist文件里面文件放到项目的public/plugins/ueditor相关自定义配置看官方文档就行了,为了快速把项目搭建好,我就改了ueditor.config.js的根路径注意路径最前面也要加上/之后在component文件夹下创建一个UEditor.vue文件,在里面初始化UEditor。<template> <div id="ueditor">原创 2021-10-27 14:47:54 · 1085 阅读 · 0 评论 -
百度富文本编辑器ueditor编译得到ueditor.all.js、ueditor.all.min.js文件
我下载的是1.5.0版本的,就用这个进行演示吧。找到ueditor的github地址,下载压缩包并解压。得到源码,但是我们的目的是得到编译文件后放到项目态目录里面,所以需要进行编译获取ueditor.all.js、ueditor.all.min.js文件。打开解压文件根目录,打开控制台。先执行下载依赖npm install或者cnpm install,执行成功可以在根目录找到node_modules文件如果你没有安装grunt,需要先执行 npm install -g grunt-cli 命令原创 2021-10-27 11:09:36 · 1975 阅读 · 0 评论 -
文件流转换成二进制流
背景安全要求前端上传的图片都要先上传后端处理后才能显示。实现看了下,使用input框去上传的图片,都是二进制流,但是上网查了下如何实现,却是不太好找。自己写了个:原创 2021-09-15 11:47:34 · 1436 阅读 · 0 评论 -
市面上主流编辑器介绍(2021/05/20)
Markdown编辑器更换调研背景Markdown是一种有用的轻量级标记语言。KMS项目使用的MD编辑器是editor.md,但多年前作者已经不再维护更新了。旧MD编辑器面临的问题渲染速度慢旧MD编辑器的渲染原理把全文进行正则匹配捕获特定文本去渲染功能,但功能一多时,每次都要去用正则去扫描全文,效率低下。且当文本很长时(差不多1万字),从点击文章到渲染出来需要5秒左右。功能限制当表格内容复杂一点时,用户难以对表格进行快速定位编辑,体验很差。(这是所有的分屏预览功能的MD编辑器的痛点)同步原创 2021-05-21 16:41:45 · 2208 阅读 · 0 评论