iptap 是 headless 富文本引擎,即它负责文档模型与命令,但不带 UI。所以我们需要自行实现工具栏(Toolbar/MenuBar)以及工具栏上的各种按钮、下拉框。本文通过样例演示如何是实现一个可复用的工具栏,包括:支持 Element UI 下拉、Tailwind 风格、FontAwesome 图标、激活态与禁用态、下拉/更多菜单、可配置按钮数组......
前文我演示了如何实现一个 Mark 类型的 Highlight 扩展,本文接着以实现一个上传附件扩展为例,演示如何实现 Node + Vue NodeView 类型的扩展。具体来说,创建一个 attachment Node,用来在编辑器中插入文件(非图片)条目。这个 Node 通过 VueNodeViewRenderer 渲染一个 Vue 组件作为 NodeView......
我们可以使用 Tiptap 的扩展机制来自定义或扩展编辑器功能(基于现有扩展定制,或者从头创建 Mark / Node / NodeView)。前文我介绍了如何使用 tiptap 官方提供的@tiptap/extension-highlight 扩展实现高亮功能,本文还是以该功能为例,演示如何手动实现一个自定义高亮(Highlight)的扩展......
Tiptap 的 Highlight 扩展提供一个文本标记功能,可以帮助我们实现富文本编辑器里常见的荧光笔一样高亮文本。下面通过样例进行演示。 三、Highlight 高亮插件安装与使用......
本文演示如何实现图片上传功能,包括如何在 Tiptap 编辑器中插入图片节点、实现本地文件选择上传、把后端或第三方存储返回的 URL 插入到编辑器。 二、图片上传功能实现 1,添加依赖 (1)首先我们项目总需要安装 Tiptap 基础依赖,具体安装方法见上一篇文章: (2)此外,我们还需要安装 @tiptap/extension-image 这个扩展依赖......
Tiptap 是一个基于 ProseMirror 的无渲染富文本编辑器,专为 Vue、React 等现代前端框架设计。与传统的富文本编辑器不同,Tiptap 不提供预定义的 UI 组件,而是将完整的 UI 控制权交给开发者,这使得定制化编辑器界面变得异常灵活。本文首先介绍如何在 Vue 2 项目中安装配置 Tiptap......
二月头条:领域特定语言(DSL)正在挑战 Python 的领先地位 Python 目前仍是全球最受欢迎的编程语言,与紧随其后的竞争者保持着超过 10 个百分点的领先优势。从绝对数值来看,Python 在 2025 年 7 月达到了历史巅峰,市场份额高达 26.98%。尽管它继续占据统治地位......
RTX 50 系列作为 2026 年主力显卡阵容,已全面采用 Blackwell 架构并支持 DLSS 4 多帧生成技术,其性能排序严格依据 3DMark Time Spy 与 Port Royal 等标准化测试结果,同时兼顾 4K 游戏渲染能力与光追负载表现。公版默频成绩为统一比较基准,确保跨型号对比公平性......
在 3D 开发、游戏制作和数字人内容创作中,角色绑定(Rigging)和动画制作一直是技术门槛较高、耗时较长的环节。传统流程中,手动给模型绑骨骼、刷权重、制作动画,不仅对软件熟练度要求高,也非常考验经验。而 Mixamo 的出现,极大地降低了这一门槛。借助它我们可以一键自动绑定骨骼与角色动画,下面我将通过样例进行演示......
我在前文中演示了如何借助 RealityScan 实现手机拍照并生成物体模型,如果要做室内、室外的场景摄影测量也是同样的原理。而有时当场景比较大的时候,可能会发现生成出来的模型却是碎裂的,或者某些部分完全没对上。这时就需要利用控制点完美对齐我们的 3D 模型,下面我将通过样例演示如何使用控制点......