亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Ckeditor富文本編輯器

cpupro / 1719人閱讀

摘要:開發(fā)工具與關(guān)鍵技術(shù)撰寫時(shí)間下面我們講富文本編輯器的使用要使用富文本編輯器,需要在官網(wǎng)中下載插件,下載后會(huì)得到一個(gè)文件其中包含以下文件,我們主要使用的是文件在頁(yè)面中使用在頁(yè)面中標(biāo)簽引用標(biāo)簽是富文本編輯器的操作對(duì)象,在需要

開發(fā)工具與關(guān)鍵技術(shù): MVC
撰寫時(shí)間:2021/9/28

下面我們講Ckeditor富文本編輯器的使用;

  1. 要使用Ckeditor富文本編輯器,需要在Ckeditor官網(wǎng)中下載js插件,下載后會(huì)得到一個(gè)ckeditor文件:

    其中包含以下文件,我們主要使用的是ckeditor.js文件:

  2. 在頁(yè)面中使用ckeditor.js:
    (1) 在頁(yè)面中script標(biāo)簽引用ckeditor.js

    (2) textarea標(biāo)簽是富文本編輯器的操作對(duì)象,在需要使用富文本編輯器的頁(yè)面代碼位置插入textarea標(biāo)簽,給定一個(gè)特定id,在js中編輯頁(yè)面加載時(shí),使用ckeditor.js中的CKEDITOR.replace(“ textarea標(biāo)簽ID ”)方法渲染富文本編輯器,如下:

    最終頁(yè)面上渲染成功之后是這樣子的:

  3. 富文本框中圖片的上傳:
    (1) 首先我們需要在控制器中編寫一個(gè)方法,對(duì)富文本框中的圖片進(jìn)行處理:

    (2) 然后我們需要打開下載的ckeditor文件中的 config.js,將filebrowserImageUploadUrl,設(shè)置到上一步對(duì)圖片處理的方法路徑,否則圖片將無法上傳:
    (3) 剛剛處理圖片文件的方法中用到的儲(chǔ)存返回圖片數(shù)據(jù)的實(shí)體類,需要我們自行編輯,上面圖片文件處理完成之后,最終會(huì)將圖片數(shù)據(jù)存儲(chǔ)到該實(shí)體類創(chuàng)建的對(duì)象中返回:

以上就是Ckeditor富文本編輯器的一些使用方法,希望對(duì)大家有所幫助。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/121352.html

相關(guān)文章

  • Django搭建個(gè)人博客:使用django-ckeditor文本輯器

    摘要:后面兩個(gè)編輯器自帶,不用單獨(dú)下載,添上就可以了添加相關(guān)插件這樣就完成了代碼高亮效果不錯(cuò)在前臺(tái)使用為了讓用戶在前臺(tái)也能使用富文本編輯器,還得對(duì)代碼稍加改動(dòng)。對(duì)于有些不喜歡的人來說,甚至可以連博文都使用提供的富文本編輯器。 前面我們已經(jīng)實(shí)現(xiàn)了用Markdown語法寫文章了。但是文章的評(píng)論用Markdown就不太合適了,你不能強(qiáng)求用戶也花時(shí)間去熟悉語法啊。另外評(píng)論中通常還有表情、帶顏色的字體...

    beanlam 評(píng)論0 收藏0
  • 文本輯器CKeditor的配置和圖片上傳,看完不后悔

    摘要:是一款富文本編輯器,本文將用極為簡(jiǎn)單的方式介紹一下它的使用和困擾大家很久的圖片上傳問題,要有耐心。第一步如何使用官網(wǎng)下載,分別是簡(jiǎn)易版標(biāo)準(zhǔn)版全面版自定義四個(gè)選項(xiàng),下載哪個(gè)根據(jù)你的訴求來。 CKeditor是一款富文本編輯器,本文將用極為簡(jiǎn)單的方式介紹一下它的使用和困擾大家很久的圖片上傳問題,要有耐心。 第一步:如何使用 1.官網(wǎng)下載https://ckeditor.com/ckedit...

    MartinHan 評(píng)論0 收藏0
  • laravel5.1 -- Integrate FileManager and CKeditor i

    摘要:中文名叫文件管理器,也叫文件瀏覽器,它給我們提供了一個(gè)可視化的界面來管理文件和文件夾。利用,我們可以對(duì)文件進(jìn)行瀏覽增加打印修改文件屬性重命名搜索等等一大堆非常有用的操作。相信朋友們都非常熟悉了,它是一種富文本編輯器,不再贅述。 FileManager中文名叫文件管理器,也叫文件瀏覽器,它給我們提供了一個(gè)可視化的界面來管理文件和文件夾。利用FileManager,我們可以對(duì)文件進(jìn)行瀏覽、...

    VPointer 評(píng)論0 收藏0
  • 手摸手,帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇)

    摘要:社區(qū)的認(rèn)可目前已經(jīng)是相關(guān)最多的開源項(xiàng)目了,體現(xiàn)出了社區(qū)對(duì)其的認(rèn)可。監(jiān)聽事件手動(dòng)維護(hù)列表這樣我們就簡(jiǎn)單的完成了拖拽排序。 完整項(xiàng)目地址:vue-element-admin 系類文章一:手摸手,帶你用vue擼后臺(tái) 系列一(基礎(chǔ)篇)系類文章二:手摸手,帶你用vue擼后臺(tái) 系列二(登錄權(quán)限篇)系類文章三:手摸手,帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇)系類文章四:手摸手,帶你用vue擼后臺(tái) 系列...

    Channe 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<