AztecEditor-iOS:iOS 原生 HTML 可视化编辑组件

7次阅读
没有评论
AztecEditor-iOS:iOS 原生 HTML 可视化编辑组件
获取下载链全程约 1 分钟
  1. 打开微信,搜索「软件教程管家」关注,或长按下方二维码关注
  2. 回复关键词 AztecEditor-iOS
  3. 公众号自动回复网盘链接,点击即可保存下载
AztecEditor-iOS:iOS 原生 HTML 可视化编辑组件打开微信扫一扫关注
或搜索【软件教程管家】
官方渠道:GitHub 仓库

要在原生 iOS 应用里给用户一个能直接编辑 HTML 内容的编辑器,最省事的办法不是自己从 UITextView 造轮子,而是接一个现成的可视化编辑组件。AztecEditor-iOS 就是 WordPress 移动端团队开源的这类组件:一个基于 Swift 的原生 HTML 可视化编辑库,核心是一个 UITextView 子类,接上就能在应用里实现所见即所得的 HTML 编辑,还附带一个专门处理 WordPress 内容的插件库。

项目 信息
仓库 wordpress-mobile/AztecEditor-iOS
语言 Swift
许可证 MPL-2.0
Star 数 666(GitHub 实时值)
运行环境 iOS 11 及以上,Xcode 12 及以上

AztecEditor-iOS 是什么

AztecEditor-iOS 是 WordPress 移动端团队维护的开源项目,提供一个 Swift 编写的原生 iOS HTML 可视化编辑组件。它的核心是 Aztec.TextView,一个 UITextView 的子类:把它放进界面,用户就能在应用内直接对 HTML 内容做可视化编辑,而不用面对原始标签。项目同时提供 WordPressEditor 插件库,专门让 Aztec 处理 WordPress 格式的 HTML 内容,博客、内容管理类应用可以直接复用这套组合。

需要注意的是,它定位很明确:原生 iOS 的 Swift 组件,只解决 iOS 应用内的 HTML 编辑问题,不做跨平台,也不做服务端渲染。

可视化编辑的核心能力

Aztec 的可视化编辑能力围绕 HTML 内容展开:编辑器内部维护 HTML 数据模型,界面上呈现格式化后的文本,用户的编辑操作会回写为 HTML。开发者拿到的是一个可直接嵌入原生界面的视图,而不是一个需要内嵌网页的 WebView 方案,因此在键盘行为、光标控制、原生手势这些细节上更贴合 iOS 应用。

配套的 WordPressEditor 插件库则处理 WordPress 内容特有的标签与结构,适合内容来自 WordPress 的应用。如果你的数据本来就是 HTML 字符串,这套组件的接入成本比从头实现一个编辑器低得多。

适用场景

  • 博客与内容管理应用:给作者提供文章编辑界面,内容以 HTML 形式存储和同步。
  • 需要用户编辑原始 HTML 的应用:例如模板编辑、页面内容微调、富文本备注等场景。
  • WordPress 内容客户端:配合 WordPressEditor 插件库,处理 WordPress 格式的 HTML 内容。
  • 已有 HTML 数据流的项目:后端返回 HTML、前端需要可视化改写的流程,接一个原生组件比套 WebView 更顺手。

安装与上手步骤

项目支持 Carthage、CocoaPods 与 Swift Package Manager 三种集成方式,任选其一即可。推荐优先用 SPM 或 Xcode 直接添加:

  1. 确认环境:目标应用最低支持 iOS 11,开发机使用 Xcode 12 及以上版本。
  2. 用 Xcode 添加依赖:在 Xcode 中选择添加包依赖,填入仓库地址 https://github.com/wordpress-mobile/AztecEditor-iOS,按提示完成添加;也可以在 Package.swift 里声明依赖,版本从 1.20.0 起才支持 SPM。
  3. 用 CocoaPods 集成:在 Podfile 中添加 pod “WordPress-Aztec-iOS”,需要 WordPress 内容支持时再加 pod “WordPress-Editor-iOS”,然后执行安装。
  4. 用 Carthage 集成:在 Cartfile 中添加对应仓库地址,构建后把 Aztec.framework 链接进工程,并在 Build Settings 的 Header Search Paths 里加上 libxml2 头文件路径。
  5. 在代码中使用:导入模块后创建 Aztec.TextView 实例,示意如下:
import Aztec

let textView = Aztec.TextView(
    defaultFont: UIFont,
    defaultParagraphStyle: ParagraphStyle.default,
    defaultMissingImage: UIImage)

示例工程在仓库根目录的 Aztec.xcworkspace 中,选 AztecExample 目标运行即可看到实际编辑效果,建议先跑一遍示例再决定接入方式。

注意事项

  • 只支持 iOS 原生应用:Android、跨平台框架或纯 Web 场景都不适用,选型前先确认技术栈是 Swift 原生 iOS。
  • SPM 有版本下限:SPM 支持从 1.20.0 版本开始提供,更早的标签无法通过 SPM 解析,锁定版本时不要选 1.20.0 之前。
  • Carthage 要多配一步:用 Carthage 集成时必须在 Header Search Paths 里加 libxml2 头文件搜索路径,并链接 Aztec.framework,漏掉这一步会编译失败。
  • HTML 标签覆盖范围需实测:公开摘要没有详细说明支持哪些标签、复杂嵌套内容的兼容性如何,接手前务必用目标 HTML 内容在示例工程里验证一遍,包括粘贴行为和序列化结果。
  • 维护状态要结合仓库确认:升级前查看 README、源码与变更记录,确认当前维护节奏与自己项目的版本要求是否匹配。

同类对比

如果需求只是简单的纯文本输入,原生 UITextView 就够了,不必引入 Aztec;如果内容以 HTML 为主、又要求原生体验,Aztec 的优势在于直接给出 UITextView 子类,键盘、光标、选中这些交互都是原生的,比在应用里嵌一个 WKWebView 再套富文本编辑器更贴合 iOS,也少了一层 Web 与原生的桥接成本。反过来,如果项目要同时覆盖 Android 与 iOS,或者编辑器要跑在网页端,Aztec 帮不上忙,这时应比较跨平台富文本方案,而不是硬把一个 iOS 组件搬过去。WordPress 内容场景下,Aztec 加 WordPressEditor 插件库的组合是现成的,比自己处理 WordPress 标签转换更省事。

获取

访问 GitHub 仓库

GitHub 国内访问较慢,如打不开可多刷新几次

推广AztecEditor-iOS:iOS 原生 HTML 可视化编辑组件

关注「软件教程管家」

回复软件名即取即下:网盘下载链接 + 提取码,一步直达,不用再跳转。

版权与使用提示

本站资源仅供个人学习交流,请勿用于商业用途。软件与资料版权归原作者所有;如有侵权,请通过公众号「软件教程管家」联系我们,我们将在 24 小时内下架处理。查看免责声明 ›

上次编辑至今:1天 · 内容还比较新鲜

公告

契机库网站正式上线!

了解更多
收藏这款软件我的收藏 →

这款软件怎么样?

平均 暂无评分(0 人评)

取链次数:0

评分与投票来自真实访客,从 0 开始累计;觉得有用就点一下,帮更多人判断这款软件值不值得下。

正文完
 0