1. 程式人生 > >php如何引入百度Ueditor富文字編輯器

php如何引入百度Ueditor富文字編輯器

文字編輯器外掛內容豐富,比起傳統的textarea標籤輸入要好用很多,看看如何在頁面實現引入吧

1.下載適合的資源包(可以去官網下載適合的版本),我是php引入

2.下載後解壓放到一個位置。(我用的是TP框架,所以我放在了我的指定公共資料夾Pbulic下)

3.在頁面中引入

首先在head標籤裡寫引入資源包的路徑,路徑要寫自己存放資源包的路徑

<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/ueditor/lang/zh-cn/zh-cn.js"></script>

在需要插入的地方預留標籤,可以是div 或者textarea 讓標籤的id 為content

 

在頁面尾部新增獲取到編輯器的js程式碼

    <script type="text/javascript">
        UE.getEditor('content',{initialFrameWidth:800,initialFrameHeight:200})
    </script>

現在頁面就可以正常顯示了