發布新聞等資訊時,必然會用到富文字編輯器。然而我們在前端頁面展示的時候,可能需要把內容文字提取出來,作為簡介使用;又或者把提取一張作為封面使用。
解決方案;
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 是否允許瀏覽伺服器已上傳...