king王一帅

在这篇文章中，我们将深入探讨 ProseMirror Schema，它是构建编辑器的基石。我们将详细了解 Schema 的构成，包括特殊节点的使用方法，以及注意事项，帮助大家对其有个全面深入的了解。

本文旨在通过从 prosemirror 的顶层设计入手，以一个小案例，拉通 prosemirror 的核心概念，并理清其中的关系，帮助大家快速认识和入门 prosemirror。

通过详细的解析和实例，本文将带您了解如何使用contenteditable技术以及Selection Range api 开发替代传统的textarea的夸框架组件，解决其中遇到的各种稀奇古怪的问题。

进入富文本编辑器的神奇世界，探索Selection与Range的妙用！无论你是一名开发者还是一个对技术充满好奇心的爱好者，这篇技术博客将为你揭开富文本编辑器背后的秘密。

ESLint目标是提供一个插件化的javascript代码检测工具，借助ESLint可以统一代码的编码风格，帮助开发者提高编码能力。中文网站：https://eslint.bootcss.com/，英文官网:https://eslint.org/ 英文官网中的文档为最新的文档，…

1. 基本使用 以上方式为webpack最简单的尝试，更常用的方式是通过配置文件的方式进行使用。 默认配置文件名称为webpack.config.js，是在node环境中运行的代码，通过module.exports = {}导出相关配置项。 以上为webpack最简单的配置，值…

1. 模块化介绍 ES6之后推出了官方的模块体系，使得js可以原生支持模块化，目前大多在服务端node.js中使用CommonJS方案，在浏览器中使用ES Module方案。 2. ES Module特点 3. 导入import与导出export 以下ESModule简称为ES…

1. 前端构建工具介绍 正如grunt官网所说，构建工具的使用就是为了解决自动化的问题，它可以将我们在开发阶段的代码自动构建为生产部署所需的代码。 常用的构建工具有grunt, gulp, fis等，webpack本质为模块打包工具。 2. Grunt grunt生态庞大，本身…

1. 脚手架工具 脚手架工具可以方便地帮助我们进行项目基本结构的生成。 它是对具有相同的代码组织结构、相同开发范式、相同模块依赖、相同工具配置、相同基础代码的一类项目的快速生成工具。 plop： 根据具体的模板生成相应的代码文件，使用场景为快速生成新组件或模块等场景。 2. Y…