簡易富文字編輯器

2021-09-16 14:25:18 字數 941 閱讀 2017

緊接著,這個工作多了一塊內容 —— 把內容同步到某個產品的觸屏**中。

由於當下還沒有資源開發一款類似「秀公尺」的產品,最終決定在之前的基礎上增加如下步驟:

內容管理平台中基於 vue.js 開發,富文字編輯器使用的是 quill。

而 quill 簡潔易用的優點,如今成了它的缺點 —— 它只保留特定的標籤和樣式,且沒有可供修改的配置。

於是,決定選型其它富文字編輯器。

預設配置下和 quill 問題一樣,而 simditor 可以通過配置來新增所需標籤和樣式。但有如下問題:

記得它早期版本依賴 jquery,在 github 上粗看了最新的**,3天前還在更新,已經無依賴,但相容性要求 ie10 +。

注意到乙個驚喜之處,他配套了 vue 和 react 相關的元件。

可惜的是,它的問題和 quill 一樣 —— 沒法配置。

一些早期版本的富文字編輯器,基本上沒有對標籤和樣式的限制,但缺少工程化支援

考慮到,無非是貼上這麼乙個簡單的需求,而且因為是內部系統,相容性不是太大問題。

那麼,何苦費勁用功能那麼複雜的編輯器呢。

可以通過事件物件來訪問黏貼板

event.clipboarddata.getdata('text/html')
mdn 上對 getdata(format) 的唯一必填引數format的解釋,有點難理解

a domstring representing the type of data to retrieve.

通過網上的一些例子,取值範圍大概可以認為等價於 mime ,還包括'text'null

例子

富文字編輯器

關於使用富文字編輯器的一些小坑 官網 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 是否允許瀏覽伺服器已上傳...

富文字編輯器

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