微前端富文本编辑器第5页

虚无火星车·2023-12-23 21:53

Django 中集成 CKEditor 富文本编辑器详解

概要在Web应用中，富文本编辑器是提高用户体验的重要组件之一。CKEditor是一款流行的、功能丰富的富文本编辑器。

Rocky006·2023-12-23 08:34

Vue和React的运行时，校验引入包的上下文差异

背景系统使用webpack5模块联邦实现微前端，有关如何实现跨应用的代码共享，可参考如何优雅的实现跨应用的代码共享里的第三大点。

C澒·2023-12-23 08:44

贪吃蛇游戏居然能插入到富文本编辑器里！

所有的大人都曾经是小孩子，虽然，只有少数的人记得。——《小王子》引言突然想起来前段时间看过的对半同学写的贪吃蛇游戏，据说对半同学只花了一个小时就写出来了。《canvas300行代码实现一个贪吃蛇》当时我正躺在床上刷手机，看到对半同学的这篇文章，立马坐了起来，认真看完之后立马点了赞，并且评论了。虽然这篇文章没有火起来，但并不影响这是一篇好文。于是我在想能不能把这个贪吃蛇游戏插入到编辑中呢？大家在日常

Kagol·2023-12-23 02:23

微前端样式隔离、sessionStorage、localStorage隔离

1、样式隔离前端样式不隔离，会产生样式冲突的问题，这个点在qiankun也存在子应用1修改一个样式button{background:red！important；}其它应用也会受到影响qiankun的css隔离方案（shadowdom）shadowdom是webcomponents技术的一部分，其实就是一个attachShadow的APIwebcomponents添加内容的时候，不直接append

阿Q--小黑·2023-12-22 22:07

vue + qiankun

上一篇文章中我们分享了qiankun的一些概念和特性，以及基于qiankun实现有一个微前端应用的大概步骤，最后以qiankun加vue2.0为例给出了快速搭建qiankun微前端的一些核心代码。

邯郸达文西·2023-12-22 19:01

registermodule 微前端_微前端实战看这篇就够了 - Vue项目篇

wl-micro-frontends[wl-qiankun]本项目采用vue+qiankun实践微前端落地。同时qiankun是一个开放式微前端架构，支持当前三大前端框架甚至jq等其他项目无缝接入。

weixin_39603492·2023-12-22 14:52

Vue整合Markdown编辑器

我是一张图由于项目是资源管理系统，会使用到富文本编辑器，我们选择了百度UEditor和Markdown两款编辑器。这里先介绍一下Markdown编辑器的整合。

白晓明·2023-12-22 03:15

富文本及编辑器的跨平台方案

一、前言之前在《富文本编辑器之游戏角色升级ing》一文中，跟大家分享了富文本编辑器的发展历程、选型技巧和扩展方案。今天将和大家一起聊一聊“富文本及编辑器跨平台方案”那些事。

vivo互联网技术·2023-12-21 18:30

vue-element安装富文本编辑器vue-quill-editor教程

面板中安装vue-quill-editor依赖命令安装npm install vue-quill-editor --save#oryarn add vue-quill-editor使用方法在main.js导入富文本编辑器

季夏梧桐·2023-12-21 14:37

vue3+js+elementPlus使用富文本编辑器@vueup/vue-quill

目录前言源码Editor/index.vueEditor/quill.js整体思路待解决前言本篇文章是基于vue3、js、elementPlus框架进行的，主要是核心涉及的包是以下三个"vue":"^3.2.47","@vueup/vue-quill":"^1.0.0-alpha.40","element-plus":"^2.3.6",如果有问题的先看下版本是否一致。因为我每次找解决方案的时候，发

FixUpSth·2023-12-21 11:45

qiankun（乾坤）微前端框架简介

qiankun（乾坤）微前端框架简介最近在搞微前端项目，接下来整体介绍一下微前端。在现代Web应用程序开发中，微前端架构逐渐成为一种趋势，它可以帮助我们更好地管理和组织复杂的项目。

Shero.李建业·2023-12-21 11:29

常见微前端方案

StoneHui·2023-12-20 19:55

已实现：关于富文本组件库vue2-editor的使用方法以及一些必要的注意事项，特别是设置完富文本以后的回显问题。以及在光标位置插入字符串等

前言目前常见的基于vue的富文本编辑器有两个：“vue2-editor”和“vue-quill-editor”都是用于Vue.js的富文本编辑器组件，它们具有一些共同的特点，但也有一些区别。

刚作愁时又忆卿·2023-12-20 02:05

pnpm monorepo micro-app 微前端开发架构

pnpmmonorepomicro-app微前端开发架构主要解决问题微前端特性未来期许采用技术说明主要解决问题随着项目迭代应用越来越庞大，难以维护。跨团队或跨部门协作开发项目导致效率低下的问题。

kenluff·2023-12-19 11:43

基于single-spa,single-spa-vue的微前端落地实现方案

1.什么是微前端在说什么是微前端的之前我们先来思考一下什么是微服务，微服务是一种为了降低服务端耦合的架构方式（为了解决庞大的一整块后端服务带来的变更与扩展方面的限制）微服务是面向服务架构（SOA）的一种变体

Carols·2023-12-19 02:13

DevOps 视角的前后端分离与实战

本文作者：CODING-廖红坤前言随着微前端、微服务等技术理念和架构的蓬勃发展，我们已经没必要去讨论为什么要前后端分离这种话题，前后端分离已成为互联网项目开发的标准模式。

腾云 CODING·2023-12-17 12:41

【Electron】富文本编辑器之回车换行

监听回车的时候插入BR//插入BR并且移动光标insertDomBR(){letdomList=[document.createElement("BR")]constselection=window.getSelection();letrange=selection.getRangeAt(0);range.deleteContents();letfragment=this.createElemen

左钦杨·2023-12-17 10:18

wangeditor ios点击无效，不聚焦问题

因为手机端要用到富文本编辑器，因为手机上功能操作起来不是很方便，就选了wangeditor使用中遇到一点问题，就是ios系统的时候，点击了编辑器，键盘也弹出了，但是编辑器无法输入，无法编辑，也米有光标，

至远方·2023-12-17 01:49

一、微前端目标、前端架构的前生今世、微前端架构优势和劣势、软件设计原则与分层

1、目标2、前端架构的前世今生①初始：无架构，前端代码内嵌到后端应用中②后端MVC架构：将视图层、数据层、控制层做分离缺点：重度依赖开发环境，代码混淆严重（在调试时，需要启动后端所有代码和依赖，比较麻烦）③前后端分离架构将前端代码从后端环境中提炼出来（ajax促进了前后端分离架构的发展）多页面架构，使其能够通过浏览器动态获取数据；缺点：前端缺乏独立部署能力，整体流程依赖后端环境④Nodejs的广泛

小草莓蹦蹦跳·2023-12-16 21:02

关于UMI中 useModel的使用（踩坑记录）

最近用React+UMI+qiankun的框架撸了一个后台管理系统，主应用使用的qiankun做的微前端，子运用使用的是UMI搭建的React项目，涉及到主应用与子运用的通信问题。

独孤九溅·2023-12-16 15:54

uniGUI学习之UniHTMLMemo1富文本编辑器

1]系统自带的富文本编辑器2]jQuery+Bootstarp富文本编辑器插件summernote.js1]系统自带的富文本编辑器1、末尾增加2、增加字体3、解决滚屏问题4、输入长度限制问题5、显示并编辑

蝈蝈(GuoGuo)·2023-12-16 12:57

商城后台管理系统---＞新闻简报（富文本编辑器,文章，图片上传）

在商城的项目里面需要添加新闻，使用富文本编辑器，我用的是wangEditor这个编辑器挺好用的，而且也方便简单，官网也是中文的wangEditor这是做的添加新闻的页面我用的是SCUI框架,引入的是npm

加油，前进·2023-12-15 19:02

微前端，qiankun

微前端微前端是一种将前端应用程序拆分成更小、更独立的部分，使得不同团队能够独立地开发、测试和部署这些部分的架构模式。

await 404·2023-12-15 12:51

小伙伴新鲜出炉面试题目总结(含中大厂，已拿offer)

最近在找工作，现在已经接近尾声了，面了携程，美团，京东，比心APP，英语流利说，百度，携程，新核云，现在写一下面经，希望最近找工作的你们一路顺下去英语流利说一面微前端描述下怎么协同开发注意事项2：场景问题

傲娇的koala·2023-12-15 08:25

TinyMCE | 一款非常不错的富文本编辑器

TinyMCE（图源自TinyMCE官网）由于项目需要集成一个富文本编辑器，由于百度的UEditor已经多年没有更新了，其他富文本编辑器有TinyMCE、Kindeditor、UEditor、Kindeditor

峰眼看世界·2023-12-15 07:01

element ui富文本编辑器的使用(quill-editor)

elementui富文本编辑器的使用(quill-editor)文章目录elementui富文本编辑器的使用(quill-editor)效果展示：（可以上传图片及其视频）第一步、首先安装富文本编辑器插件第二步

@Meto·2023-12-14 13:46

你还不会 OpenTiny 跨框架组件库适配微前端？

本文由体验技术团队TinyVue组件库成员陈家梅同学分享，带你手把手实现TinyVue组件库适配微前端~一、前言以下是我对微前端的一些粗浅理解，对微前端有一定了解的话可以略过，直接进入第二部分。

OpenTiny社区·2023-12-06 20:56

微前端qiankun

微前端qiankun使用，一些注意事项。

放飞wlg·2023-12-06 18:39

微前端前置知识2--- monorepo架构

目录前言pnpmvsnpmpnpm设计思想硬连接软链接（符号链接）原理pnpm指令monorepo架构介绍配置monorepopnpm--filter前言我们采用的是微前端一个主应用，和多个子应用，我们肯定不会一个一个去

前端贾公子·2023-12-06 09:32

黑马头条数据管理平台项目总结

今天主要看了该项目的介绍，这个黑马头条数据管理平台项目主要包括登录、用户的权限判断、文章内容列表的筛选和分页、文章的增删查改还有图片和富文本编辑器这几大部分组成，项目配套了素材代码，像资源文件、第三方插件

heliang399·2023-12-06 05:55

微前端qiankun示例 Umi3.5

主应用配置（基座）安装包npmi@umijs/plugin-qiankun-D配置qiankun开启{"private":true,"scripts":{"start":"umidev","build":"umibuild","postinstall":"umigeneratetmp","prettier":"prettier--write'**/*.{js,jsx,tsx,ts,less,md,

看陌生的风景·2023-12-06 05:54

微前端介绍

目录微前端概念微前端特性场景演示微前端方案iframe方案qiankun方案micro-app方案EMP方案无界微前端方案无界方案成本低速度快原生隔离功能强大总结前言：微前端已经是一个非常成熟的领域了，

前端贾公子·2023-12-05 09:31

微前端前置知识----webComponents

目录webComponents概念和使用生命周期总结CustomElementRegistry.define()语法参数返回值例子&总结Element.attachShadow()语法参数返回值异常例子&总结总结webComponentsWebComponent是一套不同的技术，允许你创建可重用的定制元素（它们的功能封装在你的代码之外）并且在你的web应用中使用它们。概念和使用作为开发者，我们都知

前端贾公子·2023-12-05 09:28

qiankun 部署微前端-vue2（一）

现在qiankun可以实现前端项目的微前端功能。qiankun官网：qiankun-qiankun最近在开发vue2的项目，前端主框架依赖于若依，于是就拿着现有项目试了一下。几番周折，终于成功了。

wuyu0920·2023-12-04 12:29

qiankun 部署微前端-vue2 （二）

对于基本的部署问题，也可以去官网查找答案：常见问题-qiankun这里主要记录在部署过程中遇到的问题一、路由权限问题无论主应用路由还是子应用中的路由，都会涉及权限问题，并不是每个路由路径对任何角色都是可见，所以我们在主应用mian.js中一般会加入（引入相关权限js，如permission.js）路由守卫（路由权限）。思考一下，我们在主应用中添加/subapp来访问子应用，但是这个并不是我们主应用

wuyu0920·2023-12-04 12:29

微前端实战：打造高效、灵活的前端应用架构

文章目录一、微前端简介二、微前端的优势1.高度模块化2.独立部署3.易于扩展4.技术栈无关5.独立升级三、微前端的原理四、微前端案例思路《微前端实战》编辑推荐内容简介作者简介目录前言/序言随着互联网行业的快速发展

程序边界·2023-12-04 07:47

浅尝微前端(无界)

1、基本使用vue3项目作为父应用//下载wujie//npminstallwujie-vue3//引入importWujieVuefrom'wujie-vue3'//...//使用插件app.use(WujieVue)const{setupApp,preloadApp}=WujieVue//注册子应用setupApp({name:'react-app',//子应用名称url:'http://12

胡同学ou·2023-12-03 22:35

当TinyMCE富文本编辑器遇到Vue3+nuxt+ts项目，分享引入成功案例及过程中踩的那些坑

文章目录前言遇到的坑插入上传图片插件上传图片请求与返回值处理本地文件引入报错解决源码前言如果你的前端项目技术栈使用的是Vue3+nuxt+ts，并且老大让你集成一下那个传说中非常丝滑的TinyMCE富文本编辑器

LangForOne·2023-12-03 13:56

前端传参中带有特殊符号导致后端接收时乱码或转码失败的解决方案

文章目录bug背景解决思路1：解决思路2解决思路3（最终解决方案）后记bug背景项目中采用富文本编辑器后传参引起的bug，起因如下：数据库中存入的数据会变成这种未经转码的URL编码解决思路1：使用JSON

LangForOne·2023-12-03 13:56

富文本编辑器（wangEditor 5）

一、链接wangEditor二、基础import'@wangeditor/editor/dist/css/style.css';//引入cssimportReact,{useState,useEffect}from'react';import{Editor,Toolbar}from'@wangeditor/editor-for-react';import{IDomEditor,IEditorCon

爱在你心中·2023-12-03 13:54

微前端框架qiankun开发到部署保姆式教程原理与实战

1.什么是微前端web应用构建方式微前端微前端在2016年ThoughtWorksTechnologyRadar正式被提出。微服务这个被广泛应用于服务端的技术范式扩展到前端领域。

大福ya·2023-12-02 16:21

react把元素转换为html,React中的HTML和字符串的转换

问题在使用HTML富文本编辑器控件的过程中，需要处理一些HTML字符串，将其字符串转换成DOM节点，比如用编辑器编辑了一段使用HTML标签实现的带格式的文本编辑器，然后需要在某个地方转换成DOM节点；此外还有去除

战导·2023-12-02 13:49

微前端框架 —— qiankun

微前端框架——qiankunhttps://qiankun.umijs.org/zh/guide微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。

Software攻城狮·2023-12-02 06:54

微前端-乾坤

本文将按照下面的顺序逐一讲解：1）什么是微前端以及为什么使用微前端2）乾坤框架介绍3）基于乾坤框架实例4）开发过程中遇到的问题一、什么是微前端微前端的核心思想就是将按照不同功能或不同维度拆分的独立子应用

赏花赏景赏时光·2023-12-02 06:52

一文搞懂微前端

一.微前端的背景和动机单页应用单页应用往往是一个庞大的前端项目，由一个团队或多个团队共同开发，使用同一套技术栈，打包成一个整体，部署在一个域名下随着Web应用的功能越来越丰富和复杂，单页应用不得不面临以下问题

WestGGboom·2023-12-02 06:50

微前端框架 qiankun

前言qiankun是一个基于single-spa的微前端实现库，帮助你构建一个生产可用的微前端架构系统。

WestGGboom·2023-12-02 06:47

wangEditor富文本编辑器自定义图片上传

wangEditorV4版本自定义图片上传给大家推荐一个好用又轻量级的富文本编辑器wangEditorv4版本。wangEditor富文本的文档也比较全面，而且易上手。

前端三脚猫·2023-12-02 01:57

微前端个人理解与简单总结

最近一段时间在学习微前端，一开始是看各种博客了解微前端含义、对比多种微前端框架优劣，最后选择了qiankun、micro-app、wujie这三种微前端框架进行深入研究、对比。

hoaxxcj·2023-12-01 18:31

小程序学习《乐小记》开发第二弹学习富文本编辑与矢量图标引用

既然定位为记事软件，不可或缺的就是富文本编辑器，遂查阅官网API，看到了editoreditor基础库2.7.0开始支持，低版本需做兼容处理。富文本编辑器，可以对图片、文字进行编辑。

乐子侃生活·2023-12-01 08:06

推荐频道

微前端富文本编辑器

强烈推荐！好玩又好用的开源工具