70 lines
2.1 KiB
PHP
70 lines
2.1 KiB
PHP
<div class="{{$viewClass['form-group']}}">
|
|
|
|
<label class="{{$viewClass['label']}} control-label">{{$label}}</label>
|
|
|
|
<div class="{{$viewClass['field']}}">
|
|
|
|
@include('admin::form.error')
|
|
|
|
<div {!! $attributes !!} style="width: 100%; height: 100%;">
|
|
<div class="wang-editor full-screen-container" style="min-height: {{ $height }}">
|
|
<div class="toolbar" id="editor-toolbar"></div>
|
|
<div class="editor" id="editor"></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<input type="hidden" name="{{$name}}" value="{{ old($column, $value) }}" />
|
|
|
|
@include('admin::form.help-block')
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- script标签加上 "init" 属性后会自动使用 Dcat.init() 方法动态监听元素生成 -->
|
|
<script require="@wang-editor" init="{!! $selector !!}">
|
|
const { createEditor, createToolbar } = window.wangEditor
|
|
// id 变量是 Dcat.init() 自动生成的，是一个唯一的随机字符串
|
|
|
|
// 编辑器配置
|
|
const editorConfig = {}
|
|
editorConfig.placeholder = '请输入内容'
|
|
// 当编辑器选区、内容变化时，即触发
|
|
editorConfig.onChange = (editor) => {
|
|
$(editor.getEditableContainer()).parents('.form-field').find('input[type="hidden"]').val(editor.getHtml());
|
|
}
|
|
// 上传图片
|
|
editorConfig.MENU_CONF = {
|
|
uploadImage: {
|
|
server: '{{ admin_url("api/wang-editor/upload") }}',
|
|
fieldName: 'file',
|
|
meta: {
|
|
_token: '{{ csrf_token() }}',
|
|
},
|
|
headers: {
|
|
Accept: 'application/json',
|
|
XMLHttpRequest: 'X-Requested-With'
|
|
},
|
|
}
|
|
}
|
|
|
|
// 编辑器
|
|
const editor = createEditor({
|
|
selector: '#editor',
|
|
config: editorConfig,
|
|
mode: 'simple'
|
|
})
|
|
// 工具栏
|
|
const toolbar = createToolbar({
|
|
editor,
|
|
selector: '#editor-toolbar',
|
|
config: {
|
|
excludeKeys: ['insertVideo']
|
|
},
|
|
mode: 'simple'
|
|
})
|
|
|
|
// 设置默认值
|
|
editor.setHtml($(editor.getEditableContainer()).parents('.form-field').find('input[type="hidden"]').val());
|
|
</script>
|