您好,登錄后才能下訂單哦!
這篇文章主要講解了“php文本文檔編輯框怎么使用”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“php文本文檔編輯框怎么使用”吧!
使用方法:
因為本插件是百度「FEX前端研發團隊」開發,在官方有較強細的中文文檔,本文的目的只是讓朋友們知道了解有這么個好插件而已,因此文檔手冊、下載、實例全鏈接到官方。
下載你需的要的語言版本,然后解壓,在解壓目錄建立一個名為demo的html文件,代碼如下
ueditor demo
這里寫你的初始化內容
var ue=UE.getEditor('container');
OK,完成以上工作,用瀏覽器打開demo.html,如果你看到以下的畫面,那么恭喜你,初次部署成功!
如何使用?另一個詳細的使用方法:建立一個demo.html文件,首先在需要添加編輯器的地方加入以下代碼,使用style可以設置編輯器的寬度和高度。
內容區域
然后,將UMeditor相關js和css文件加載。相關文件可以在本站下載或者直接到UMeditor官網下載最新版本。
接下來,我們開始調用編輯器:
var um=UM.getEditor('myEditor');
現在我們可以打開瀏覽器預覽編輯器效果了。
定制選項
UMeditor提供了豐富的選項設置,用戶可以根據自己項目需求適當定制。
獲取編輯器里的內容可以使用如下代碼,你還可以獲取純文本內容。
UM.getEditor('myEditor')。getContent();
判斷編輯器是否有內容,可以使用如下代碼:
var cont=UM.getEditor('myEditor')。hasContents();
if(cont==true){
alert('有內容。');
}else{
alert('無內容。');
}
如果把編輯器放入表單form中,設置好action路徑,就可以提交表單傳送編輯器里的內容了。如:
提交
我們可以設置工具欄里允許使用的工具圖標,如以下是簡單的定制幾個常用的工具圖標:
var editor=UM.getEditor('container',{
toolbar:
['bold italic underline fullscreen', 'link unlink','| justifyleft justifycenter justifyright justifyjustify |', 'emotion image video | map']
});
UMeditor提供了許多工具,可以根據需求定制,如表格編輯、列表布局、多媒體插入、圖片上傳、地圖調用等等。UMeditor提供了服務端的幾種語言版本,主要是用于上傳圖片的處理。用戶可以設置上傳路徑、上傳文件類型限制、大小限制等等。只需設置一下即可應用。
感謝各位的閱讀,以上就是“php文本文檔編輯框怎么使用”的內容了,經過本文的學習后,相信大家對php文本文檔編輯框怎么使用這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。