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() } })