網友評分: 5.8分
ueditor這個開源的在線HTML編輯,由百度web前端研發部開發具有輕量,可定制,注重用戶體驗等特點,開源基于MIT協議,允許自由使用和修改代碼,可以讓開發者可以直接實時預覽到編輯效果。
功能全面:涵蓋流行富文本編輯器特色功能,獨創多種全新編輯操作模式。
用戶體驗:屏蔽各種瀏覽器之間的差異,提供良好的富文本編輯體驗。
開源免費:開源基于MIT協議,支持商業和非商業用戶的免費使用和任意修改。
定制下載:細粒度拆分核心代碼,提供可視化功能選擇和自定義下載。
創建demo文件
解壓下載的包,在解壓后的目錄創建 demo.html 文件,填入下面的html代碼
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>ueditor demo</title>
</head>
<body>
<!-- 加載編輯器的容器 -->
<script id="container" name="content" type="text/plain">
這里寫你的初始化內容
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor.config.js"></script>
<!-- 編輯器源碼文件 -->
<script type="text/javascript" src="ueditor.all.js"></script>
<!-- 實例化編輯器 -->
<script type="text/javascript">
var ue = UE.getEditor('container');
</script>
</body>
</html>
在瀏覽器打開demo.html
如果看到了下面這樣的編輯器,恭喜你,初次部署成功!
如何使用補丁文件
一般的補丁文件都會是一個js的文件,它的命令規則是 ueditor-patch-issue號.js,issue 號是 github 的 issue 編號
<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"></script>
<!--一定要在這個下邊加載相應的patch文件-->
<script type="text/javascript" charset="utf-8" src="ueditor-patch-149.js"></script>