Laravel Voyager管理面板小型编辑器

问题描述

在我的laravel voyager管理面板中，微小的编辑器正在显示，因为它是源代码，如何消除HTML标记而只能显示单词？

解决方法

转到 config/voyager.php 并添加此代码

'additional_js' => [
        'js/custom.js',],

现在创建一个新文件 public/js/custom.js 并添加此代码，

function tinymce_init_callback(editor) {
    editor.remove();
    editor = null;

    tinymce.init({
        selector: 'textarea.richTextBox',skin: 'voyager',min_height: 100,height: 500,resize: 'vertical',inline_styles: false,keep_styles: false,font_formats: 'Open Sans,sans-serif',plugins: 'print preview searchreplace autolink directionality visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists textcolor wordcount imagetools contextmenu colorpicker textpattern code',file_browser_callback: function (field_name,url,type,win) {
            if (type == 'image') {
                $('#upload_file').trigger('click');
            }
        },toolbar: 'styleselect bold italic underline | forecolor backcolor | alignleft aligncenter alignright | bullist numlist outdent indent | link image table youtube giphy | code',convert_urls: false,image_caption: true,image_title: true,valid_elements: 'p[*],ul[*],li[*],ol[*],hr,br,img[*],-b,-i,-u,-h1,-h2,-h3,-h4,-h5,-h6',valid_children: '+li[p]'
    });
}

您可以在此代码中配置任何内容。