STTextView

STTextView

基于TextKit 2的macOS和iOS高性能文本编辑组件

STTextView是基于TextKit 2框架开发的macOS和iOS文本编辑组件,旨在替代NSTextView和UITextView。它提供行号显示、语法高亮、多光标编辑和搜索替换等功能,性能优异且高度可定制。STTextView通过Swift Package Manager分发,并支持插件扩展,适用于构建高效的源代码编辑器。

STTextView文本编辑器macOSiOSTextKit 2SwiftGithub开源项目
<img height="45" src="https://yellow-cdn.veclightyear.com/835a84d5/f137f030-8142-4244-94a6-5e9dd02bc2e6.png">

STTextView

具有行号和更多功能的高性能 macOS 和 iOS 文本视图。(NSTextView/UITextView 重新实现)

本项目的目标是利用 TextKit 2 框架构建 NSTextView/UITextView 替代的可重用组件。由于许多充分理由

该组件主要是为满足 Swift Studio 作为源代码编辑器的需求而开发的。

海报

TextKit 2 在 WWDC 2021 期间被宣布为 TextKit 1 的替代品,用于文本布局等功能。苹果宣布专门用于文本编辑的视图组件 NSTextView 将采用 TextKit 2,并提供与 TextKit 1 相当的支持。当我开始深入了解 NSTextView + TextKit 2 时,我意识到截至今天(2022 年 2 月),NSTextView 和 TextKit 2 类都还未完全发挥作用。在此过程中,我向苹果报告了几个错误报告,并请求 DTS(支持票据)。最终,我被某些特定的错误阻碍,这促使我开始了这个项目。

✨ 特性

  • macOS 文本系统集成
  • 高性能文本编辑
  • 标尺视图中的行号
  • 支持标尺标记
  • 颜色和字体的自定义
  • 开启和关闭换行
  • 调整行高
  • 在文本视图中高亮/选择范围
  • 多光标编辑
  • 搜索/替换文本
  • 拼写和语法检查
  • 听写
  • 显示不可见字符
  • 可自定义的自动完成支持
  • 长内容的平滑滚动
  • LTR(从左到右)/ RTL(从右到左)布局
  • 撤销/重做
  • 插件
  • 锚定注释(通过插件)
  • 源代码语法高亮(通过插件)
<div align="center"> <video src="https://github.com/user-attachments/assets/e18c058b-8a58-47e0-a57c-a3b01f3d93db" width="90%" /> </div>

🤝 支持与赞助

项目的财务可持续性得益于我们 GitHub 赞助者的持续贡献

🗓️ 路线图

STTextView 已经非常适合作为文本编辑器组件使用。然而,在发布 v1.0 版本之前,它仍需要一些改进

建议投票支持新功能:功能请求

已知问题

  • 文本拖动(部分实现)

🚀 入门

STTextView 通过 Swift Package Manager 分发。通过在 Package.swift 清单中添加依赖项或通过 Xcode 项目设置中的"Package Dependencies"将其安装到项目中

let package = Package( dependencies: [ .package(url: "https://github.com/krzyzanowskim/STTextView", from: "0.9.6") ] )

演示应用

演示应用 TextEdit 和 TextEdit.SwiftUI 让你可以探索该库。

插件

STTextView 组件中的插件提供了超出简单文本显示之外的额外功能和定制选项。它们通过添加语法高亮、字数统计等功能来增强文本视图的核心能力。这些插件在保持模块化和适应性软件结构的同时,扩展了 STTextView 的实用性。

  • Plugin-Neon:使用 TreeSitter 和 Neon 进行源代码语法高亮。
  • Plugin-TextFormation:使用 TextFormation 进行输入完成。
  • Plugin-Annotations:锚定注释(例如内联错误消息)插件。
  • Plugin-Template:准备构建新插件的虚拟插件模板仓库。
  • ... 添加更多插件

使用方法

SwiftUI

TextView 是一个包装 STTextView 的 SwiftUI 视图。

import STTextViewSwiftUI struct ContentView: View { @State private var text = AttributedString("Hello World!") @State private var selection: NSRange? var body: some View { TextView( text: $text, selection: $selection, options: [.wrapLines, .highlightSelectedLine], plugins: [plugin1(), plugin2()] ) .textViewFont(.preferredFont(forTextStyle: .body)) } }

创建 TextView

STTextView 是 NSView 的子类,可以像其他视图一样初始化。它的 API 与 NSTextView 类似。

import STTextView let textView = STTextView() view.addSubView(textView)

(macOS)添加到滚动视图

let textView = STTextView() let scrollView = NSScrollView() scrollView.documentView = textView
let scrollView = STTextView.scrollableTextView() let textView = scrollView.documentView as! STTextView

自定义

文本视图可以通过多种方式进行自定义。

let paragraph = NSParagraphStyle.default.mutableCopy() as! NSMutableParagraphStyle // 将行高设置为 110% paragraph.lineHeightMultiple = 1.1 paragraph.defaultTabInterval = 28 // 默认段落样式 textView.typingAttributes[.paragraphStyle] = paragraph // 设置默认字体 textView.font = NSFont.monospacedSystemFont(ofSize: 14, weight: .regular) // 设置默认文本颜色 textView.textColor = .textColor // 设置文本值 textView.text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lobortis sem a vulputate." textView.addAttributes([.foregroundColor: NSColor.red], range: NSRange(location: 10, length: 5))

// 将行包裹/不包裹到编辑器宽度 textView.isHorizontallyResizable = true

// 高亮选中的行 textView.highlightSelectedLine = true


使用专门的 `STLineNumberRulerView`(`NSRulerView` 的专门子类)添加行号

```swift
let textView = STTextView()
let scrollView = NSScrollView()
scrollView.documentView = textView

// 行号
textView.showLineNumbers = true
textView.gutterView?.drawSeparator = true

(macOS) 在视图内启用可选的搜索和替换查找界面,通常是在滚动视图中。

textView.isIncrementalSearchingEnabled = true textView.textFinder.incrementalSearchingShouldDimContentView = true

🐛 TextKit 2 错误报告列表

以下是我迄今为止向 Apple 报告的与 NSTextView 和 TextKit 框架相关的 TextKit 2 问题和错误列表:

  • FB9856587: TextKit2 最后一行出现意外的额外行片段
  • FB9925766: NSTextSelectionNavigation.deletionRanges 只在单词末尾有效
  • FB9925647: NSTextLayoutManager.replaceContents(in range: with attributedString:) 已有文档但不是公共 API 的一部分
  • FB9907261: NSTextElementProvider.replaceContents(in:with:) 未按文档所述替换内容
  • FB9692714: 渲染属性无法正确绘制
  • FB9886911: NSTextView 无法正确布局和显示长行(这个问题很棘手,因为它会导致视图在文本属性更新时"跳动")
  • FB9713415: NSTextView drawInsertionPoint(in:color:turnedOn) 从未被调用
  • FB9971054: NSLayoutManager.enumerateCaretOffsetsInLineFragment 忽略起始位置
  • FB9971054: 使用 TextKit2 设置时 NSTextView 在选择时断言
  • FB9743449, FB10019859: NSTextContentStorage.textElements(for:) 不返回元素,而 enumerateTextElements 返回元素
  • FB11898356: textSelections(interactingAt:inContainerAt:anchors:modifiers:selecting:bounds:) 对某些位置产生错误的选择
  • FB12726775: NSTextParagraph.paragraphContentRange 的文档不正确
  • FB13272586: NSTextContainer.size 的默认值与文档不符
  • FB13290979: NSTextContainer.lineFragmentPadding 不影响 usageBoundsForTextContainer 矩形的片段末端
  • FB13291926: NSTextLayoutManager.usageBoundsForTextContainer 观察器从未被触发
  • FB13789916: NSTextInputClient.setMarkedText 为中文键盘提供错误的选择范围
  • FB14700414: NSTextList 自 macOS 14 起不再工作(回归)

... 我知道这个问题列表并不完整。我在 STTextView 中设法解决了大部分问题。

为什么是 ST?

ST 前缀代表 "Swift sTudio",因为自 1939 年以来 SS 不是一个好前缀)

建议或反馈

开启一个新的讨论主题或提交拉取请求。

我很乐意听到您的声音!通过 X/Twitter @krzyzanowskim 或 Mastodon @krzyzanowskim@mastodon.social 与我联系。

许可证

开源许可证

如果您正在创建一个与 GNU GPL 许可证 v3 兼容的开源应用程序,您可以在 GPLv3 条款下使用 STTextView。

商业许可证

从 €5 起获取一个。

如果您想使用 STTextView 开发非开源产品和应用程序,商业许可证是适合的。通过这个选项,您的源代码将保持专有。您无需将整个应用程序源代码更改为开源许可证。购买 STTextView 商业许可证

编辑推荐精选

扣子-AI办公

扣子-AI办公

职场AI,就用扣子

AI办公助手,复杂任务高效处理。办公效率低?扣子空间AI助手支持播客生成、PPT制作、网页开发及报告写作,覆盖科研、商业、舆情等领域的专家Agent 7x24小时响应,生活工作无缝切换,提升50%效率!

堆友

堆友

多风格AI绘画神器

堆友平台由阿里巴巴设计团队创建,作为一款AI驱动的设计工具,专为设计师提供一站式增长服务。功能覆盖海量3D素材、AI绘画、实时渲染以及专业抠图,显著提升设计品质和效率。平台不仅提供工具,还是一个促进创意交流和个人发展的空间,界面友好,适合所有级别的设计师和创意工作者。

图像生成AI工具AI反应堆AI工具箱AI绘画GOAI艺术字堆友相机AI图像热门
码上飞

码上飞

零代码AI应用开发平台

零代码AI应用开发平台,用户只需一句话简单描述需求,AI能自动生成小程序、APP或H5网页应用,无需编写代码。

Vora

Vora

免费创建高清无水印Sora视频

Vora是一个免费创建高清无水印Sora视频的AI工具

Refly.AI

Refly.AI

最适合小白的AI自动化工作流平台

无需编码,轻松生成可复用、可变现的AI自动化工作流

酷表ChatExcel

酷表ChatExcel

大模型驱动的Excel数据处理工具

基于大模型交互的表格处理系统,允许用户通过对话方式完成数据整理和可视化分析。系统采用机器学习算法解析用户指令,自动执行排序、公式计算和数据透视等操作,支持多种文件格式导入导出。数据处理响应速度保持在0.8秒以内,支持超过100万行数据的即时分析。

AI工具酷表ChatExcelAI智能客服AI营销产品使用教程
TRAE编程

TRAE编程

AI辅助编程,代码自动修复

Trae是一种自适应的集成开发环境(IDE),通过自动化和多元协作改变开发流程。利用Trae,团队能够更快速、精确地编写和部署代码,从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能,是提升开发效率的理想工具。

AI工具TraeAI IDE协作生产力转型热门
AIWritePaper论文写作

AIWritePaper论文写作

AI论文写作指导平台

AIWritePaper论文写作是一站式AI论文写作辅助工具,简化了选题、文献检索至论文撰写的整个过程。通过简单设定,平台可快速生成高质量论文大纲和全文,配合图表、参考文献等一应俱全,同时提供开题报告和答辩PPT等增值服务,保障数据安全,有效提升写作效率和论文质量。

AI辅助写作AI工具AI论文工具论文写作智能生成大纲数据安全AI助手热门
博思AIPPT

博思AIPPT

AI一键生成PPT,就用博思AIPPT!

博思AIPPT,新一代的AI生成PPT平台,支持智能生成PPT、AI美化PPT、文本&链接生成PPT、导入Word/PDF/Markdown文档生成PPT等,内置海量精美PPT模板,涵盖商务、教育、科技等不同风格,同时针对每个页面提供多种版式,一键自适应切换,完美适配各种办公场景。

AI办公办公工具AI工具博思AIPPTAI生成PPT智能排版海量精品模板AI创作热门
潮际好麦

潮际好麦

AI赋能电商视觉革命,一站式智能商拍平台

潮际好麦深耕服装行业,是国内AI试衣效果最好的软件。使用先进AIGC能力为电商卖家批量提供优质的、低成本的商拍图。合作品牌有Shein、Lazada、安踏、百丽等65个国内外头部品牌,以及国内10万+淘宝、天猫、京东等主流平台的品牌商家,为卖家节省将近85%的出图成本,提升约3倍出图效率,让品牌能够快速上架。

下拉加载更多