1. 程式人生 > >整合ueditor工具

整合ueditor工具

UEditor 是百度的一套開源的線上HTML編輯器。

第一步:去官網看官網文件,瞭解這個工具如何使用以及下載,本人下載的是1.4.3.3ASP,UTF-8版

第二步是將解壓後的檔案新增到專案中,具體檔案如圖:

其中介紹幾個重要的檔案,config.json這是配置檔案,比如檔案的上傳地址,訪問地址,上傳大小,檔案格式等等,都可以在此檔案修改,controller.ashx這是對前臺的請求進行處理的檔案,還有一個ueditor.config.js檔案,這是完整配置項可以在這裡配置整個編輯器的特性

如果需要上傳圖片到遠端伺服器,UploadHandler.cs檔案對Process()進行重寫,主要是實現上傳圖片之後返回一個圖片路徑給Result.Url

最後是前端,引用的js如圖,注意順序

其次就是初始化Ueditor視窗<div id="Ueditor">   <script id="container" name="content" type="text/plain">這裡寫你的初始化內容</script>  </div>

<script type="text/javascript">

var editor = UE.getEditor('container', {
initialFrameHeight: 500,//編輯框高度
initialFrameWidth: null  //編輯框寬度
})

</script>