sashsvamir/laravel-codemirror

Composer 安装命令：


                            composer require sashsvamir/laravel-codemirror

包简介

Turn your blade textarea component to Codemirror code editor in Laravel

关键字：

#wysiwyg #laravel #codemirror #blade #textarea

README 文档

README

This is component replace your textarea element to codemirror editor.

Installation:

composer require sashsvamir/laravel-codemirror

Setup

To replace textarea by codemirror components, you should wrap textarea element by codemirror component <x-slbc::textarea-codemirror>:

<x-slbc::textarea-codemirror>
    <textarea name="body">Your text here</textarea>
</x-slbc::textarea-codemirror>

You can pass codemirror mode (see: https://codemirror.net/doc/manual.html#option_mode) with mode attribute:

<x-slbc::textarea-codemirror mode="javascript">
    <textarea name="body">const foo = 'bar';</textarea>
</x-slbc::textarea-codemirror>

Note

If you want to save form data with ajax request, you must update hidden source textarea by running method querySelectorAll() on textarea element:

form.querySelectorAll('textarea').forEach(textarea => {
    if (textarea.updateFromWysiwyg) {
        textarea.updateFromWysiwyg()
    }
})

sashsvamir/laravel-codemirror 适用场景与选型建议

sashsvamir/laravel-codemirror 是一款基于 Blade 开发的 Composer 扩展包，目前已累计 441 次下载、GitHub Stars 达 2，最近一次更新时间为 2022 年 03 月 05 日，在 PHP 生态内属于活跃度较高的组件。

它主要适用于以下技术方向：「wysiwyg」「laravel」「codemirror」「blade」「textarea」等业务场景。在实际项目中，围绕这些方向常见需要落地的问题包括：接口对接、性能调优、并发安全、与既有框架（Laravel / ThinkPHP / Yii / Webman 等）的兼容适配，以及生产环境的日志埋点与稳定性保障。

我们在过去多个企业项目中使用过 sashsvamir/laravel-codemirror 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。

围绕 sashsvamir/laravel-codemirror 我们能提供哪些服务？

定制开发 / 二次开发

基于 sashsvamir/laravel-codemirror 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ：316430983 微信：yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发