<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        ASP.NET中集成百度編輯器UEditor

        來源:懂視網(wǎng) 責編:小采 時間:2020-11-27 22:38:27
        文檔

        ASP.NET中集成百度編輯器UEditor

        ASP.NET中集成百度編輯器UEditor:0.ueditor簡介 UEditor是由百度WEB前端研發(fā)部開發(fā)的所見即所得的開源富文本編輯器,具有輕量、可定制、用戶體驗優(yōu)秀等特點。開源基于BSD協(xié)議,所有源代碼在協(xié)議允許范圍內(nèi)可自由修改和使用。 UEditor官網(wǎng):http://ueditor.baidu.com/webs
        推薦度:
        導讀ASP.NET中集成百度編輯器UEditor:0.ueditor簡介 UEditor是由百度WEB前端研發(fā)部開發(fā)的所見即所得的開源富文本編輯器,具有輕量、可定制、用戶體驗優(yōu)秀等特點。開源基于BSD協(xié)議,所有源代碼在協(xié)議允許范圍內(nèi)可自由修改和使用。 UEditor官網(wǎng):http://ueditor.baidu.com/webs

        0.ueditor簡介

        UEditor是由百度WEB前端研發(fā)部開發(fā)的所見即所得的開源富文本編輯器,具有輕量、可定制、用戶體驗優(yōu)秀等特點。開源基于BSD協(xié)議,所有源代碼在協(xié)議允許范圍內(nèi)可自由修改和使用。

        UEditor官網(wǎng):http://ueditor.baidu.com/website/index.html

        UEditor官方文檔地址: http://fex.baidu.com/ueditor/

        1.將ueditor包導入項目

        將從官網(wǎng)上下載的開發(fā)包解壓后包含到項目中

        (注:最新的代碼需要時基于.NETFramework4以上)

        解壓后目錄下文件如下:

        index.html 是一個示例文件、可以刪去,ueditor.config.js中是一些富文本編輯器的設置,建議不要改動,可以在頁面中引用的時候設置,如果所有頁面都需要設置可以寫在一個js文件中,dialogs是在文本框中點擊按鈕時用到的一些彈出框效果,lang文件夾下是語言相關(guān)的設置,目前只有中文與英文,themes文件夾下是一些樣式,third-party文件夾下是一些第三方的插件,有代碼高亮,截屏等

        我在我的項目中新建了一個ueditorHelper.js文件,在文件中定義了一些ueditor常用的方法,以及對于ueditor的一些設置

        在net目錄下,我們只保留controller.ashx與config.json就可以了,同時把App_Code中的代碼拷貝到項目中的App_Code中,同時添加對bin目錄下Json.NET程序集的引用,config.json文件定義了一些設置,配置上傳文件的一些要求以及上傳到服務器保存的路徑,在web.config文件中可以看到項目框架應至少為4.0

        2.在頁面中添加js引用,在頁面中引用

        添加zh-cn.js文件是要設置語言,防止自動識別語言錯誤而導致語言適配錯誤,UEditorHelper.js文件是一些常用的方法和編輯器設置的封裝,查看index.html的源代碼,在其中有一段js代碼

        自定義的UEditorHelper.js文件中使用到了一些方法,并對第一行代碼進行了修改,進行 ueditor富文本編輯器的設置

        3.頁面初始化

        在需要添加富文本編輯器的地方加入以下代碼:

        <script type="text/plain"></script>

        4.編輯內(nèi)容時,頁面的加載(ajax加載內(nèi)容)

        因為富文本編輯器只是生成的一段html代碼,我們需要利用Ajax動態(tài)加載內(nèi)容,相比CKEditor來說,這是比較麻煩的地方,使用CKEditor可以直接使用封裝好的服務器端控件,當然也可以不用服務器端控件利用Ajax動態(tài)加載內(nèi)容。

        首先在頁面加載時獲取到新聞的id,然后再進行ajax查詢,查詢新聞封裝在了一個handler中,向這個handler發(fā)起ajax請求,請求參數(shù)為新聞id,獲取新聞,獲取到之后,把新聞的內(nèi)容設置給ueditor

        //實例化編輯器
        //建議使用工廠方法getEditor創(chuàng)建和引用編輯器實例,如果在某個閉包下引用該編輯器,直接調(diào)用UE.getEditor('editor')就能拿到相關(guān)的實例
        var ue = UE.getEditor('editor',{autoHeightEnabled: false});
        function isFocus(e) {
         alert(UE.getEditor('editor').isFocus());
         UE.dom.domUtils.preventDefault(e)
        }
        function setblur(e) {
         UE.getEditor('editor').blur();
         UE.dom.domUtils.preventDefault(e)
        }
        function insertHtml() {
         var value = prompt('插入html代碼', '');
         UE.getEditor('editor').execCommand('insertHtml', value)
        }
        function createEditor() {
         UE.getEditor('editor');
        }
        function getAllHtml() {
         return UE.getEditor('editor').getAllHtml();
        }
        function getContent() {
         return UE.getEditor('editor').getContent();
        }
        function getPlainTxt() {
         return UE.getEditor('editor').getPlainTxt();
        }
        function setContent(isAppendTo) {
         UE.getEditor('editor').setContent('', isAppendTo); 
        }
        function getText() {
         //當你點擊按鈕時編輯區(qū)域已經(jīng)失去了焦點,如果直接用getText將不會得到內(nèi)容,所以要在選回來,然后取得內(nèi)容
         var range = UE.getEditor('editor').selection.getRange();
         range.select();
         return UE.getEditor('editor').selection.getText();
        }
        function getContentTxt() {
         return UE.getEditor('editor').getContentTxt();
        }
        function hasContent() {
         return UE.getEditor('editor').hasContents();
        }
        function setFocus() {
         UE.getEditor('editor').focus();
        }
        function deleteEditor() {
         UE.getEditor('editor').destroy();
        }
        function getLocalData() {
         alert(UE.getEditor('editor').execCommand("getlocaldata"));
        }
        function clearLocalData() {
         UE.getEditor('editor').execCommand("clearlocaldata");
         alert("已清空草稿箱")
        }
        
        

        以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

        聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        ASP.NET中集成百度編輯器UEditor

        ASP.NET中集成百度編輯器UEditor:0.ueditor簡介 UEditor是由百度WEB前端研發(fā)部開發(fā)的所見即所得的開源富文本編輯器,具有輕量、可定制、用戶體驗優(yōu)秀等特點。開源基于BSD協(xié)議,所有源代碼在協(xié)議允許范圍內(nèi)可自由修改和使用。 UEditor官網(wǎng):http://ueditor.baidu.com/webs
        推薦度:
        標簽: 使用 百度 編輯器
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 日韩毛片免费在线观看| 久青草国产免费观看| 24小时日本韩国高清免费| 亚洲精品高清国产一线久久| 又硬又粗又长又爽免费看| 国产精品嫩草影院免费| 特级毛片A级毛片100免费播放| 哒哒哒免费视频观看在线www| 无套内谢孕妇毛片免费看看 | 69式互添免费视频| 亚洲国产电影在线观看| 国产福利在线免费| 亚洲私人无码综合久久网| 国产猛烈高潮尖叫视频免费| 日韩精品无码免费视频| 亚洲情XO亚洲色XO无码| 69视频免费在线观看| 亚洲视频在线观看2018| 国产精品酒店视频免费看 | 免费无码又爽又刺激网站| 久久亚洲精品成人| 114一级毛片免费| 亚洲av无码专区首页| 国产亚洲美女精品久久久| 免费日本一区二区| 国产色在线|亚洲| 亚洲一本大道无码av天堂| 精品国产一区二区三区免费| 亚洲中文久久精品无码1| 免费国产不卡午夜福在线| a毛片免费全部在线播放**| 亚洲国产综合自在线另类| 免费真实播放国产乱子伦| 在线观看肉片AV网站免费| 亚洲天堂免费在线| 亚洲女同成av人片在线观看| 国产日本一线在线观看免费| 国产精品免费看久久久香蕉| 67194在线午夜亚洲| 亚洲人精品午夜射精日韩| 日韩一区二区a片免费观看|