如何解决Tiptap内容在PHP中的转换和处理问题?使用ueberdosis/tiptap-php可以!

可以通过一下地址学习composer:学习地址

在开发一个内容管理系统时,我遇到了一个棘手的问题:如何在 php 环境中高效地处理 tiptap 编辑器生成的内容。tiptap 是一个基于 prosemirror 的富文本编辑器,它生成的 json 格式内容需要在后端进行转换和处理,但这对我来说是一个全新的挑战。我尝试了多种方法,但都未能找到一个既简单又高效的解决方案。最终,我发现了 ueberdosis/tiptap-php 这个库,它完美地解决了我的问题。

使用 ueberdosis/tiptap-php 库,你可以轻松地在 PHP 中处理 Tiptap 内容。它提供了多种功能,包括将 Tiptap JSON 转换为 HTML,反之亦然,内容清理和修改等。安装这个库非常简单,只需通过 Composer 即可:

composer require ueberdosis/tiptap-php

这个库的使用非常直观,如果你熟悉 Tiptap 的 JavaScript API,那么 PHP 版本的语法也会让你感到熟悉。以下是一些常见的使用场景:

将 Tiptap HTML 转换为 JSON

你可以将 HTML 片段转换为 Tiptap 兼容的 PHP 数组结构:

(new TiptapEditor)    ->setContent('

Example Text

立即学习PHP免费学习笔记(深入)”;

') ->getDocument();// 返回:// ['type' => 'doc', 'content' => …]

你也可以获取 JSON 字符串:

(new TiptapEditor)    ->setContent('

Example Text

立即学习PHP免费学习笔记(深入)”;

') ->getJSON();// 返回:// {"type": "doc", "content": …}

将 Tiptap JSON 转换为 HTML

反向操作也同样简单,只需传递 JSON 字符串或 PHP 数组即可生成 HTML:

(new TiptapEditor)    ->setContent([        'type' => 'doc',        'content' => [            [                'type' => 'paragraph',                'content' => [                    [                        'type' => 'text',                        'text' => 'Example Text',                    ],                ]            ]        ],    ])    ->getHTML();// 返回:// 

Example Text

代码块的语法高亮

默认的 CodeBlock 扩展不支持语法高亮,但你可以使用 CodeBlockHighlight 扩展来实现:

AI建筑知识问答 AI建筑知识问答

用人工智能ChatGPT帮你解答所有建筑问题

AI建筑知识问答 22 查看详情 AI建筑知识问答

(new TiptapEditor([    'extensions' => [        new TiptapExtensionsStarterKit([            'codeBlock' => false,        ]),        new TiptapNodesCodeBlockHighlight(),    ],]))->setContent('<?php phpinfo()')->getHTML();// 返回:// <?php phpinfo()

如果你更喜欢 Shiki 语法高亮器,你需要先安装 shiki npm 包:

npm install shiki

然后使用 CodeBlockShiki 扩展:

(new TiptapEditor([    'extensions' => [        new TiptapExtensionsStarterKit([            'codeBlock' => false,        ]),        new TiptapNodesCodeBlockShiki(),    ],]))->setContent('<?php phpinfo()')->getHTML();

转换内容为纯文本

你还可以将内容转换为纯文本,例如用于搜索索引:

(new TiptapEditor)    ->setContent('

Heading

Paragraph

') ->getText();// 返回:// "Heading// Paragraph"

清理内容

使用 sanitize() 方法可以清理内容,移除不安全的标签:

(new TiptapEditor)    ->sanitize('

Example Textalert("HACKED!")

');// 返回:// '

Example Text

立即学习PHP免费学习笔记(深入)”;

'

修改内容

你可以使用 descendants() 方法递归地遍历所有节点,并修改它们:

$editor->descendants(function (&$node) {    if ($node->type !== 'heading') {        return;    }    $node->attrs->level = 1;});

使用 ueberdosis/tiptap-php 库,我能够轻松地在 PHP 中处理 Tiptap 内容,极大地提高了开发效率。这个库不仅提供了强大的转换功能,还支持语法高亮和内容清理等高级功能,使得我的内容管理系统更加健壮和用户友好。如果你也在处理 Tiptap 内容,强烈推荐尝试这个库。

以上就是如何解决Tiptap内容在PHP中的转换和处理问题?使用ueberdosis/tiptap-php可以!的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/550019.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
英雄联盟墨之影皮肤什么时候上线-墨之影皮肤上线时间分享
上一篇 2025年11月9日 19:34:20
飞书审批消息无法接收怎么办 飞书审批提醒修复与操作技巧
下一篇 2025年11月9日 19:34:29

相关推荐

发表回复

登录后才能评论
关注微信