獲取富文字編輯器的純文字內容

2021-09-24 13:51:44 字數 1066 閱讀 5051

發布新聞等資訊時,必然會用到富文字編輯器。然而我們在前端頁面展示的時候,可能需要把內容文字提取出來,作為簡介使用;又或者把提取一張作為封面使用。

解決方案;

var text = editor.

text()

;

function

repalcehtml

(str)

text =

repalcehtml

(text)

;

把這個text傳入後台即可。

後台拿到內容之後,是一段html字串,因此需要擷取一下

擷取文字方法如下:

public

static string gethtmltext

(string strhtml)

public

static list

getimagesrc

(string htmlstr)

}return pics;

}

呼叫方法:

if

(!stringutils.

isempty

(validationindicators.

getcontents()

))//處理文字

string text = gethtmltextutils.

gethtmltext

(validationindicators.

getcontents()

);validationindicators.

setzy

(text)

;}

前端拿到json字串之後,遍歷的時候,手動處理一下,依賴的依然是同乙個js方法。

function

repalcehtml

(str)

text =

repalcehtml

(text)

;

vue獲取編輯器純文字 vue富文字編輯器

工具欄配置 const options bold italic underline strike 加粗 斜體 下劃線 刪除線 blockquote code block 引用 塊 1 2 級標題 有序 無序列表 上標 下標 縮排 文字方向 字型大小 標題 字型顏色 字型背景顏色 字型種類 對齊方式 ...

富文字編輯器

關於使用富文字編輯器的一些小坑 官網 1.專案 片 editor fail function xhr,editor,result custominsert function insertimg,result,editor this.editor.create this.editor.txt.html...

富文字編輯器

富文字編輯器,rich text editor,簡稱 rte,它提供類似於 microsoft word 的編輯功能。常用的富文字編輯器 kindeditor ueditor ckeditor 在頁面中新增js 用於初始化kindeditorallowfilemanager 是否允許瀏覽伺服器已上傳...