1. 程式人生 > >laravel框架中引入百度編輯器

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>