您当前的位置:首页 > 电脑百科 > 程序开发 > 框架

web/vue/react/ng后台管理系统前端开发,富文本编辑器没个省心的

时间:2020-05-07 10:58:33  来源:  作者:

不仅仅是web端,貌似很多地方,都有一定的富文本编辑器轮子,但是像我这样针对不同用户不同业务不同需求的,几乎玩转过所有能找到的富文本编辑器工具,基本上就没个让人省心的。

如果你要骂我自己去造个轮子,如果你我是这水平的人,咱就没必要看下文啦,还用得着上@今日头条 吗?听说这里的用户都是月薪2万。我说如果能自己造个比市面上轮子更好的富文本编辑器,恐怕都是月薪NN万了,何必来这浪费时间呢?

目前将就使用的是Tinymce编辑器,但是在Vue里自己封装了一个编辑器组件,以便所有表单编辑时候可以调用,奇怪的问题一大堆。

web/vue/react/ng后台管理系统前端开发,富文本编辑器没个省心的

 

我的使用方法是根据网络博客文章的方式引入,使用Tinymce5与Vue整合。、

参考文章为:

https://liubing.me/vue-tinymce-5.html

然而,如上方法,一模一样的使用方式,在项目里,奇怪的问题就是,同一个URL,点击第一次可以编辑内容,返回,然后再点击就出现空白了。搞了三天没解决!

不喜欢Vue最大的一点就是,路由是否配置keep-alive,需要每次打开页面更新数据,没有angular那种生命周期函数ngAfterViewInit,可以每次等到渲染节点渲染完成再自己去根据已经渲染好的HTML节点获取元素进行再次js操作。使用mounted函数进行编辑器初始化,可以,我切换路由再次访问,不会再次运行,这就需要activated,但是不会让组件重新渲染。关于这个Vue数据更新的,一种就是activated里,一种就是watch里监听$route。这种操作真是要命咯!

从N多项目来看,一般组件化复用组件都是在render函数进行渲染!还是angular一把梭,没这么多蛋疼的生命周期渲染过程的操作。

web/vue/react/ng后台管理系统前端开发,富文本编辑器没个省心的

 

除了Tinymce,还有quill/wangeditor/vueditor、ckeditor等很多富文本编辑器,但是太差了。编辑内容操作十分有限!

目前只能看看那些付费的编辑器如何了,付费编辑器从Demo来看功能不少。

如果只是我自己使用,最适合的编辑器是Editor.js,结果直接输出结构化数据。这样非常适合内容放在不同的前端AndroidIOS小程序等任何地方方便展示,根据预设格式进行自定义标准化渲染,就不会出现编辑时期的排版和结果不一致的问题。

web/vue/react/ng后台管理系统前端开发,富文本编辑器没个省心的

 

而给普通用户使用的系统,要做到不令用户吐槽,傻瓜式使用,目前还真是无法满足。

以前传统web开发,使用百度Ueditor编辑器,功能很多,但是目前很多内容要放在手机上,或者响应式页面,这个编辑器也是太臃肿了。编辑结果的HTML夹杂了太多没必要的标签,或者是不能很好的使用移动端。而且编辑器已经多年不更新了,在Vue、angular、react不同地方的引入也是会出现不同的问题。



Tags:富文本编辑器   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
不仅仅是web端,貌似很多地方,都有一定的富文本编辑器轮子,但是像我这样针对不同用户不同业务不同需求的,几乎玩转过所有能找到的富文本编辑器工具,基本上就没个让人省心的。如果...【详细内容】
2020-05-07  Tags: 富文本编辑器  点击:(72)  评论:(0)  加入收藏
最近项目里常听产品们谈到后台的文本编辑器就烦恼,吐槽样式难看,说后台效果和前台展示不一样,还有吐槽操作不方便功能不全没有自定义功能的问题。头疼也要解决,假若用着用着被迫...【详细内容】
2020-05-03  Tags: 富文本编辑器  点击:(94)  评论:(0)  加入收藏
▌简易百科推荐
近日只是为了想尽办法为 Flask 实现 Swagger UI 文档功能,基本上要让 Flask 配合 Flasgger, 所以写了篇 Flask 应用集成 Swagger UI 。然而不断的 Google 过程中偶然间发现了...【详细内容】
2021-12-23  Python阿杰    Tags:FastAPI   点击:(6)  评论:(0)  加入收藏
文章目录1、Quartz1.1 引入依赖<dependency> <groupId>org.quartz-scheduler</groupId> <artifactId>quartz</artifactId> <version>2.3.2</version></dependency>...【详细内容】
2021-12-22  java老人头    Tags:框架   点击:(11)  评论:(0)  加入收藏
今天来梳理下 Spring 的整体脉络啦,为后面的文章做个铺垫~后面几篇文章应该会讲讲这些内容啦 Spring AOP 插件 (了好久都忘了 ) 分享下 4ye 在项目中利用 AOP + MybatisPlus 对...【详细内容】
2021-12-07  Java4ye    Tags:Spring   点击:(14)  评论:(0)  加入收藏
&emsp;前面通过入门案例介绍,我们发现在SpringSecurity中如果我们没有使用自定义的登录界面,那么SpringSecurity会给我们提供一个系统登录界面。但真实项目中我们一般都会使用...【详细内容】
2021-12-06  波哥带你学Java    Tags:SpringSecurity   点击:(18)  评论:(0)  加入收藏
React 简介 React 基本使用<div id="test"></div><script type="text/javascript" src="../js/react.development.js"></script><script type="text/javascript" src="../js...【详细内容】
2021-11-30  清闲的帆船先生    Tags:框架   点击:(19)  评论:(0)  加入收藏
流水线(Pipeline)是把一个重复的过程分解为若干个子过程,使每个子过程与其他子过程并行进行的技术。本文主要介绍了诞生于云原生时代的流水线框架 Argo。 什么是流水线?在计算机...【详细内容】
2021-11-30  叼着猫的鱼    Tags:框架   点击:(21)  评论:(0)  加入收藏
TKinterThinter 是标准的python包,你可以在linx,macos,windows上使用它,你不需要安装它,因为它是python自带的扩展包。 它采用TCL的控制接口,你可以非常方便地写出图形界面,如...【详细内容】
2021-11-30    梦回故里归来  Tags:框架   点击:(27)  评论:(0)  加入收藏
前言项目中的配置文件会有密码的存在,例如数据库的密码、邮箱的密码、FTP的密码等。配置的密码以明文的方式暴露,并不是一种安全的方式,特别是大型项目的生产环境中,因为配置文...【详细内容】
2021-11-17  充满元气的java爱好者  博客园  Tags:SpringBoot   点击:(25)  评论:(0)  加入收藏
一、搭建环境1、创建数据库表和表结构create table account(id INT identity(1,1) primary key,name varchar(20),[money] DECIMAL2、创建maven的工程SSM,在pom.xml文件引入...【详细内容】
2021-11-11  AT小白在线中  搜狐号  Tags:开发框架   点击:(29)  评论:(0)  加入收藏
SpringBoot开发的物联网通信平台系统项目功能模块 功能 说明 MQTT 1.SSL支持 2.集群化部署时暂不支持retain&will类型消 UDP ...【详细内容】
2021-11-05  小程序建站    Tags:SpringBoot   点击:(56)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条