码迷,mamicode.com
首页 > 其他好文 > 详细

任务42:引入ueditor【百度编辑器】

时间:2020-05-21 23:41:50      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:yield   frame   under   order   事先   min   static   font   autot   

1,复制下载到的 ueditor 文件夹到 \public\static 目录下

2,\resources\views\Admin\Article\  目录下的 add.blade.php  和  edit.blade.php   都在头部引用相关JS  和 在底部增加js控制脚本

@section(‘js_head‘)
    <script src="{{asset(‘static‘)}}/ueditor/ueditor.config.js"></script>
    <script src="{{asset(‘static‘)}}/ueditor/ueditor.all.min.js"></script>
    <script src="{{asset(‘static‘)}}/ueditor/lang/zh-cn/zh-cn.js"></script>
@endsection
@section(‘js‘)
    <script type="text/javascript">
        //实例化编辑器
        //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor(‘editor’)就能拿到相关的实例
        UE.getEditor(content,{initialFrameWidth:700,initialFrameHeight:400, toolbars: [[bold, italic, underline, fontborder, strikethrough, superscript, subscript,
                removeformat, formatmatch, autotypeset, blockquote, pasteplain, |, forecolor, backcolor, insertorderedlist, insertunorderedlist,
                selectall, cleardoc,insertimage,edittable]]});
    </script>
@endsection

注:

使用 @section(‘js_head 需事先在公共模板 main.blade.php上头部 指定位置 添加 @yield(‘js_head‘) 代码

使用 @section(‘js‘)  需事先在公共模板 main.blade.php上底部 指定位置 添加 @yield(‘js‘) 代码

3,浏览器上 访问 http://laravel.pensive.top/admin/article/add   或 http://laravel.pensive.top/admin/article/edit/1  引入ueditor 后的效果如下

技术图片

END

 

任务42:引入ueditor【百度编辑器】

标签:yield   frame   under   order   事先   min   static   font   autot   

原文地址:https://www.cnblogs.com/pensive/p/12925132.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!