Laravel Trix 编辑器

发布时间 作者

Trix Editor for Laravel image

Trix 是来自 Basecamp 创建者的一种开源 WYSIWYG 编辑器,旨在成为一种不同的编辑器。以下是他们的 描述

大多数 WYSIWYG 编辑器都是围绕 HTML 的 contenteditable 和 execCommand API 的包装器,这些 API 由微软设计,用于支持在 Internet Explorer 5.5 中对网页进行实时编辑,并最终被其他浏览器逆向工程和复制。

由于这些 API 从未完全指定或记录,并且由于 WYSIWYG HTML 编辑器范围很大,因此每个浏览器的实现都有其自己的错误和怪癖,而 JavaScript 开发人员只能解决这些不一致性。

Trix 通过将 contenteditable 视为 I/O 设备来规避这些不一致性:当输入进入编辑器时,Trix 会将该输入转换为对其内部文档模型的编辑操作,然后将该文档重新渲染回编辑器。这使 Trix 能够完全控制每次按键后发生的事情,并避免使用 execCommand。

由于 Trix 是 CSS 和 JavaScript,因此您已经可以将其与 Laravel 集成,但是 laravel-trix 是一个可以让设置变得轻而易举的软件包。

首先,安装 Composer 包

composer require te7a-houdini/laravel-trix

发布资产

php artisan vendor:publish --provider="Te7aHoudini\LaravelTrix\LaravelTrixServiceProvider"

然后,运行迁移

php artisan migrate

安装完软件包后,假设您有一个 articles 模型,并且您希望在它的创建和更新表单上使用 Trix 编辑器。您只需使用 Blade 及其包含的指令即可。

<html>
<head>
@trixassets
</head>
 
<body>
<form method="POST" action="route('article.store')">
@csrf
@trix(\App\Article::class, 'content')
<input type="submit">
</form>
</body>
</html>

该软件包包含更多功能,例如处理上传的文件、为现有模型渲染以及高级配置。您可以在 Github 页面 上了解有关此软件包的更多信息,并阅读完整的用户指南。

***

此软件包已提交到我们的 Laravel 新闻链接 部分。链接是一个社区可以发布 Laravel 生态系统中软件包和教程的地方。在 Twitter 上关注 @LaravelLinks

Eric L. Barnes photo

Eric 是 Laravel 新闻的创建者,自 2012 年以来一直在报道 Laravel。

归档在
Cube

Laravel 时事通讯

加入 40,000 多名其他开发者,绝不错过新的提示、教程等。

Laravel Forge logo

Laravel Forge

轻松创建和管理您的服务器,并在几秒钟内部署您的 Laravel 应用程序。

Laravel Forge
Tinkerwell logo

Tinkerwell

Laravel 开发人员必备的代码运行器。使用 AI、自动完成和对本地和生产环境的即时反馈进行微调。

Tinkerwell
No Compromises logo

绝不妥协

Joel 和 Aaron 是来自“绝不妥协”播客的两名经验丰富的开发者,现在可以为您的 Laravel 项目聘用。 ⬧ 固定费用 7500 美元/月。 ⬧ 没有冗长的销售流程。 ⬧ 无需合同。 ⬧ 100% 退款保证。

绝不妥协
Kirschbaum logo

Kirschbaum

提供创新和稳定性,确保您的 Web 应用程序取得成功。

Kirschbaum
Shift logo

Shift

运行旧版本的 Laravel?即时、自动化的 Laravel 升级和代码现代化,让您的应用程序保持新鲜感。

Shift
Bacancy logo

Bacancy

以每月仅 2500 美元的价格,为您的项目配备经验丰富的 Laravel 开发人员,拥有 4-6 年的经验。获得 160 小时的专业知识和 15 天无风险试用。立即安排通话!

Bacancy
Lucky Media logo

Lucky Media

立即获得幸运 - Laravel 开发的理想选择,拥有十多年的经验!

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar:Laravel 电子商务

Laravel 电子商务。一个开源软件包,将现代无头电子商务功能的强大功能带到 Laravel。

Lunar:Laravel 电子商务
LaraJobs logo

LaraJobs

官方 Laravel 工作板

LaraJobs
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit:Laravel SaaS 启动工具包

SaaSykit 是一款 Laravel SaaS 启动工具包,包含运行现代 SaaS 所需的所有功能。支付、精美结账、管理面板、用户仪表板、身份验证、即用型组件、统计信息、博客、文档等。

SaaSykit:Laravel SaaS 启动工具包
Rector logo

Rector

您无缝 Laravel 升级的合作伙伴,降低成本,加速创新,帮助公司取得成功。

Rector
MongoDB logo

MongoDB

通过 MongoDB 和 Laravel 的强大集成来增强您的 PHP 应用程序,使开发人员能够轻松高效地构建应用程序。支持事务性、搜索、分析和移动用例,同时使用熟悉的 Eloquent API。了解灵活、现代的 MongoDB 数据库如何改变您的 Laravel 应用程序。

MongoDB
Maska is a Simple Zero-dependency Input Mask Library image

Maska 是一个简单的零依赖输入掩码库

阅读文章
Add Swagger UI to Your Laravel Application image

将 Swagger UI 添加到您的 Laravel 应用程序

阅读文章
Assert the Exact JSON Structure of a Response in Laravel 11.19 image

在 Laravel 11.19 中断言响应的精确 JSON 结构

阅读文章
Build SSH Apps with PHP and Laravel Prompts image

使用 PHP 和 Laravel 提示构建 SSH 应用程序

阅读文章
Building fast, fuzzy site search with Laravel and Typesense image

使用 Laravel 和 Typesense 构建快速、模糊的网站搜索

阅读文章
Add Comments to your Laravel Application with the Commenter Package image

使用 Commenter 包向您的 Laravel 应用程序添加评论

阅读文章