百度富文本編輯器怎麼使用

百度富文本編輯器是個功能很強大的編輯器,而且裡面的代碼上傳路徑可以自己編輯非常的實用化,在頁面引用也非常簡單,直接使用幾行代碼就可以,需要在js裡面定義到編輯器個數實例化

工具/原料

編輯器
百度富文本

方法/步驟

找到富文本編輯器,進入裡面操作下面獲取內容頁面,要進入正規的入口,這樣不會使用不然修改過的編輯器

進入首頁可以看到頁面中有一個軟體下載,這個就是軟體編輯器的架構,進入裡面就可以找到對應版本

如圖所示,找到改版本就可以使用了,點擊彈出下載,完了找到下載的壓縮文件,解壓獲取ueditor文件夾和裡面的內容,不要外面載套一個div就可以,解壓進入最裡面

看到裡面的js和路徑,把文件整個複製到自己的項目中,記住相對的路徑就可以了,方便在頁面再引用,在頁面的頭部引用其代碼,就可以看到只有引用這兩個就可以了,其他的會根據裡面的js、自行調用

頁面中js部分代碼只有寫就好了,如圖解釋

<!-- 編輯器 -->

<script type="text/javascript">

$(document).ready(function(){

UE.getEditor('content',{

initialFrameHeight: 500,

initialFrameWidth: '100%',

});

});

</script>

在頁面中直接在文本域使用其id就可以加載到編輯器,使用編輯器可以直接在文本域寫內容

注意事項

注意引用的這兩個js路徑要對
要寫js調用編輯器

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場