百度umeditor的使用

最新推荐文章于 2024-07-31 10:40:01 发布

lingchen8

最新推荐文章于 2024-07-31 10:40:01 发布

阅读量764

点赞数

分类专栏：插件使用 Laravel 文章标签： umeditor 插件使用百度umeditor

本文链接：https://blog.csdn.net/lingchen__/article/details/69484387

版权

Laravel 同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

插件使用

2 篇文章 0 订阅

订阅专栏

①HTML代码:

 <textarea id="content" name="content"></textarea>

②引入umeditor相关资源文件

<link href="{{asset('resources/vender/umeditor/themes/default/css/umeditor.css')}}" type="text/css" rel="stylesheet">
<script type="text/javascript" src="{{asset('resources/vender/umeditor/third-party/jquery.min.js')}}"></script>
<script type="text/javascript" charset="utf-8" src="{{asset('resources/vender/umeditor/umeditor.config.js')}}"></script>
<script type="text/javascript" charset="utf-8" src="{{asset('resources/vender/umeditor/umeditor.min.js')}}"></script>
<script type="text/javascript" src="{{asset('resources/vender/umeditor/lang/zh-cn/zh-cn.js')}}"></script>

③实例化并穿入相关参数（自定义）

<script type="text/javascript">
    UM.getEditor('content', {
        initialFrameWidth: 640,
        initialFrameHeight: 400,
        toolbars: [
            ['source', 'undo', 'redo', 'bold' ,'italic' , 'underline', 'superscript', 'subscript', 'forecolor', 'backcolor',
                'paragraph', 'fontfamily', 'fontsize', 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', 'link',
                'unlink', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', 'removeformat', 'image', 'fullscreen']
        ]
    });


</script>

此处引入资源文件的方式是在laravel框架中的使用，其他框架类似