sashsvamir/laravel-codemirror

将Laravel中的blade textarea组件转换为Codemirror代码编辑器

dev-main 2022-08-29 06:14 UTC

This package is auto-updated.

Last update: 2024-08-29 06:13:02 UTC


README

这是一个组件,可以将textarea元素替换为codemirror编辑器。

安装

composer require sashsvamir/laravel-codemirror

设置

要使用Codemirror组件替换textarea,应将textarea元素包裹在<x-slbc::textarea-codemirror>组件中

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

您可以通过mode属性传递Codemirror模式(见:https://codemirror.net/doc/manual.html#option_mode

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

注意

如果您想通过ajax请求保存表单数据,您必须通过在textarea元素上运行方法querySelectorAll()来更新隐藏的源textarea

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