laravel框架中引入百度编辑器

第一步:先去这个https://ueditor.baidu.com/website/download.html 下载源码包

2.然后把他拉到laravel框架的public下  方便调用

3.打开里面的index页面

 

把这些代码复制到你需要用到编辑器的地方  然后引入正确的js样式 就可以成功执行了

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
 <?php header('Content-type:text/html;charset=utf8'); ?>
 <form action="{{url('insert')}}" method="post">
	    <script type="text/javascript" charset="utf-8" src="{{asset('ueditor')}}/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="{{asset('ueditor')}}/ueditor.all.min.js"> </script>
    <script type="text/javascript" charset="utf-8" src="{{asset('ueditor')}}/lang/zh-cn/zh-cn.js"></script>
    <script id="editor" name="feiji" type="text/plain" style="width:800px;height:500px;">

    </script>
  
   
<script type="text/javascript">

    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('editor');
</script>
<input type="submit" value="提交">
</form>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_42611547/article/details/84893811